[英]Polymer: how to inline external scripts
我試圖弄清楚是否可以在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>
Polymer將使用以下命令自動內聯my-element.css樣式表:
<polymer-element ...>
<template>
<style>.../* Styles from my-element.css */...</style>
...
</template>
<script>
Polymer('my-element',...);
</script>
</polymer>
我正在尋找對外部javascript文件執行相同操作的方法:
<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 ),但它似乎無法做到這一點。
編輯:
讓我重新說明我想要實現的目標:
我知道當vulcan處理包含元素的HTML頁面時,它將這些元素的模板合並到結果輸出中,並且(使用--csp
選項)還將創建一個javascript文件,在其中放置元素的所有嵌入式腳本。 我希望不僅可以將嵌入腳本而且可以將從我的元素鏈接到的腳本合並到生成的.js
文件中。
它應該像您編寫時那樣工作,除了<script>
需要一個結束標記。 即
<polymer-element name="my-element">
<template>
<link rel="stylesheet" href="my-element.css">
...
</template>
<script src="my-element.js"></script>
</polymer>
首先,無論哪種情況,腳本都可以由瀏覽器正常加載和執行。 從這個意義上講,它與stylesheet
鏈接不同,后者是由Polymer模擬的功能。
出於相同的原因,您可以在任何地方加載/運行該腳本。 標簽不必在<polymer-element>
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.