Polymer : 외부 스크립트에 요소 등록하기

요소를 생성하기 위해 본 대부분의 예제에서 요소를 등록하는 스크립트는 구성 요소의 HTML 파일에 정의되어 있습니다.Polymer : 외부 스크립트에 요소 등록하기

<link rel="import" href="/components/polymer/polymer.html"> 

<polymer-element name="my-element"> 
    <template> 
     ... 
    </template> 
    <script> 
     // convenience wrapper for document.registerElement 
     Polymer('my-element', { 
      ... 
     }); 
    </script> 
</polymer-element>

대신 외부 스크립트에 등록 할 수 있습니다.

<script src="my-element.js"></script>

등 스크립트가 다음 JSHint 같은 도구에 표시되기 때문에 매력적인 옵션처럼 보이지만, 다음 속성을 자동으로 생성 된 문서를 잃게

워크 플로우가 아니면 도구 설정하는 것이 두 세계의 장점을 모두 누릴 수 있도록 도와주십시오.

원시 템플릿과 스크립트를 Sass로 CSS를 전처리하는 것과 비슷한 방식으로 단일 HTML 파일에 결합하십시오.

출처

2014-08-28 Walter Rumsby

예. Polymer는 외부 스크립트를 참조하여 요소를 등록하는 것을 지원합니다. http://www.polymer-project.org/docs/polymer/polymer.html#separatescript을 참조하십시오. 요소가 Polymer()에있는 원래의 이유는 이것을 지원하는 것입니다. 정의와 스크립트를 연관시킵니다.

출처

2014-08-29 01:03:28 ebidel

AFAICT 이렇게하면 index.html은 특성, 이벤트 등을 문서화하지 않을 것입니다. 외부 스크립트를 사용할 방법이 있습니까? 더 많은 것을 생각해 보면, 이것은 핵심 구성 요소 페이지가 작동하는 방식 일 뿐이며 다른 doc 구성 요소를 사용할 수 있습니다. –

수정하십시오. core-component-page는 scrapper이며 인라인 주석의 문서를 파서합니다. 외부 스크립트로 작업하려면이를 가르쳐야합니다. 시도해 볼 수있는 한 가지 방법은 Vulcanize를 --inline 옵션과 함께 사용하는 것입니다. .js 리소스를 인라인으로 배치합니다. 그런 다음 핵심 구성 요소 페이지와 함께 작업해야합니다. – ebidel

이것은'core-component-page'의 결함입니다. 문제 티켓을 게시 하시려면 https://github.com/Polymer/core-component-page/issues를 방문하십시오. –

Polymer : 외부 스크립트에 요소 등록하기

답변

관련 문제