[ SharePoint Framework ] 9.Deploy your client-side web part to a SharePoint page (Hello World part 3)

Package the HelloWorld web part

1. 콘솔 창에서 첫 번째 SharePoint 클라이언트 측 웹 파트 작성에서 작성된 웹 파트 프로젝트 디렉토리로 이동합니다.

cd helloworld-webpart

2.  혹시 gulp serve 가 실행되고 있다면 중지합니다. ( ctrl + c ) 

 

워크 벤치와 달리 최신 SharePoint 서버 쪽 페이지에서 클라이언트 쪽 웹 파트를 사용하려면

웹 파트를 SharePoint에 배포하고 등록해야합니다.

먼저 웹 파트를 패키지해야합니다. config 폴더에서 패키지 메타 데이터를 정의하는 package-solution.json를 확인할 수 있습니다. 

 

{
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
  "solution": {
    "name": "helloworld-webpart-client-side-solution",
    "id": "3c1af394-bbf0-473c-bb7d-0798f0587cb7",
    "version": "1.0.0.0",
    "includeClientSideAssets": true,
    "isDomainIsolated": false
  },
  "paths": {
    "zippedPackage": "solution/helloworld-webpart.sppkg"
  }
}

package는 SharePoint 기능을 사용하여 웹 파트를 패키지하며, 기본적으로 gulp task는 웹 파트에 대한 기능을 만듭니다.

sharepoint / debug 폴더에서 원시 패키지 내용을 볼 수 있으며, 내용은 .sppkg 파일로 패키지됩니다. 패키지 형식은 SharePoint 추가 기능 패키지와 매우 유사하며 Microsoft Open Packaging Conventions를 사용하여 솔루션을 패키지합니다.

 

--ship 옵션을 사용하면 JavaScript 파일, CSS 및 기타 자산이 패키지 내부에 패키지됩니다.