폴리머-설치

시스템에서 Polymer를 구성하는 것은 쉽습니다. 다음은 Polymer를 설치하는 두 가지 방법입니다.

Polymer CLI (명령 줄 인터페이스)
바우어

Polymer CLI를 사용하여 Polymer 설치

Step 1 − 다음 npm 명령을 사용하여 Polymer를 설치합니다.

npm install -g polymer-cli@next

Step 2 − 다음 명령을 사용하여 성공적인 설치 및 버전을 확인하십시오.

polymer --version

성공적으로 설치되면 버전이 다음과 같이 표시됩니다.

Step 3 − 선택한 이름으로 디렉토리를 생성하고 해당 디렉토리로 전환합니다.

mkdir polymer-js 
cd polymer-js

Step 4− 프로젝트를 초기화하려면 polymer-jsdirectory 에서 다음 명령을 실행하십시오 .

polymer init

위의 명령을 실행하면 다음과 같이 표시됩니다.

C:\polymer-js>polymer init 
? Which starter template would you like to use? 
   1) polymer-1-element - A simple Polymer 1.0 element template 
   2) polymer-2-element - A simple Polymer 2.0 element template 
   3) polymer-1-application - A simple Polymer 1.0 application template 
   4) polymer-2-application - A simple Polymer 2.0 application 
   5) polymer-1-starter-kit - A Polymer 1.x starter application template, with 
      navigation and "PRPL pattern" loading 
   6) polymer-2-starter-kit - A Polymer 2.x starter application template, with 
      navigation and "PRPL pattern" loading 
   7) shop - The "Shop" Progressive Web App demo
   Answer: 4

Step 5 − 위에 주어진 옵션에서 polymer-2-application을 선택하십시오.

이제 다음 명령을 사용하여 프로젝트를 시작하십시오.

polymer serve

Bower를 사용하여 Polymer 설치

Step 1 − Bower 방법을 사용하여 처음부터 시작하려면 다음 명령을 사용하여 Bower를 설치합니다.

npm install -g bower

Step 2 − 다음 명령을 사용하여 Polymer를 설치합니다.

npm install -g polymer-cli@next

Step 3 − 다음 명령을 사용하여 성공적인 설치 및 Polymer 버전을 확인합니다.

polymer --version

성공적으로 설치되면 버전이 다음과 같이 표시됩니다.

0.18.0-pre.13.

Step 4 − bower에서 최신 Polymer 2.0 RC 릴리스를 설치하려면 다음 명령을 사용하십시오.

bower install Polymer/polymer#^2.0.0-rc.3

Step 5 − 만들기 index.html 파일을 열고 <head> 태그에 다음 코드를 추가합니다.

<script src = "/bower_components/webcomponentsjs/webcomponentsloader.js"></script> 
// it loads the polyfills 

<link rel = "import" href = "/bower_components/polymer/polymer.html"> 
// it import Polymer

Step 6 − 다음 명령을 사용하여 프로젝트를 시작하십시오.

polymer serve

배포를위한 구축

배포 할 프로젝트를 빌드하려면 polymer build command는 명령 줄 플래그에 따라 코드를 축소, 컴파일 또는 번들링하는 더 쉬운 방법입니다.

모든 브라우저에서 작동하는 범용 빌드를 만들려면 다음 명령을 사용하십시오.

polymer build --js-compile

위의 명령은 build / default에 프로젝트를 빌드하고 다음 명령을 사용하여이 디렉토리를 시작할 수 있습니다.

polymer serve build/default

Polymer 2.0은 ES6 및 HTML 맞춤 요소를 사용합니다. 모범 사례를 위해 항상 ES6를 완전히 지원하는 브라우저에 ES6를 사용하고 ES6을 지원하지 않는 이전 브라우저에 ES5를 컴파일하는 것이 좋습니다. 다음 표는 프로젝트에 가장 적합한 전략을 보여줍니다.

전략	브라우저 간 지원을 위해 가장 쉬움	WC v1 성능에 가장 적합
섬기는 사람	정적 서버를 포함한 모든 서버 작동	차등 서빙 필요
배포 된 코드	ES5 트랜스 파일	ES6
폴리 필 로더	webcomponents-es5-loader.js	webcomponents-loader.js