Polymer : 외부 스크립트 인라인 방법

Question

내 Polymer 요소에서 외부 JavaScript를 인라인하는 것이 가능한지 알아 내려고하고 있습니다. 나는 (http://www.polymer-project.org/docs/polymer/styling.html에서) 다음 병합됩니다 스타일 시트에 대한 링크가있는 경우 알 수 :

<polymer-element name="my-element"> 
    <template> 
    <link rel="stylesheet" href="my-element.css"> 
    ... 
    </template> 
    <script> 
    Polymer('my-element',...); 
    </script> 
</polymer> 

폴리머 자동으로 사용하여 내-element.css 스타일 시트를 인라인합니다

: 내가 찾고 있어요

<polymer-element ...> 
    <template> 
    <style>.../* Styles from my-element.css */...</style> 
    ... 
    </template> 
    <script> 
    Polymer('my-element',...); 
    </script> 
</polymer> 

을

<polymer-element name="my-element"> 
    <template> 
    <link rel="stylesheet" href="my-element.css"> 
    ... 
    </template> 
    <script src="my-element.js"> 
</polymer> 

과 같은 것을 얻을 : 수있는 방법을 외부 자바 스크립트 파일과 동일한 기능을 수행 할

을

<polymer-element ...> 
    <template> 
    <style>.../* Styles from my-element.css */...</style> 
    ... 
    </template> 
    <script>.../* code from my-element.js */...</script> 
</polymer> 

나는 vulcanize (https://github.com/Polymer/vulcanize)을 보았지만 할 수없는 것 같습니다.

편집 :

은 제가 무엇을 달성하고자 바꿔 보자 : 내가 아는

을 그 요소가 포함 된 HTML 페이지, 그것은 (결과 출력, 그리고으로 이들 요소의 템플릿을 병합 할 때 컨 프로세스 --csp 옵션이 주어짐) 요소의 모든 임베디드 스크립트를 넣는 javascript 파일도 생성합니다. 결과적으로 .js 파일을 임베드 된 스크립트뿐만 아니라 내 요소에서 링크 된 스크립트로 병합 할 수 있기를 원합니다.

Answer 1

<script>에 닫기 태그가 필요하다는 점을 제외하고는 작성한대로 작동해야합니다. 나는.

<polymer-element name="my-element"> 
    <template> 
    <link rel="stylesheet" href="my-element.css"> 
    ... 
    </template> 
    <script src="my-element.js"></script> 
</polymer> 

Fwiw의 경우 두 경우 모두 스크립트가로드되어 브라우저에서 정상적으로 실행됩니다. 이러한 의미에서 Polymer에서 시뮬레이션되는 기능인 stylesheet 링크와 다릅니다.

같은 이유로 그 위치에서 스크립트를로드/실행할 수 있습니다. 태그는 <polymer-element> 안에있을 필요는 없습니다.