Question

我确实将Web应用程序在聚合物1上打包为chrome扩展名，但不允许使用内联js脚本。

是否有任何现成的自动解决方案（例如webpack插件），用于将HTML文件中嵌入的所有js脚本通过进一步的连接移动到单独的文件中。

例如：

example-view.html：

<dom-module id="editable-name-tag">
<template>
    <p>This is <strong>{{owner}}</strong>'s editable-name-tag.</p>
    <input is="iron-input" bind-value="{{owner}}"
  placeholder="Your name here...">
</template>
<script>
  Polymer({
    is: "editable-name-tag",
    properties: {
      owner: {
        type: String,
        value: "Daniel"
      }
    }
  });
</script>
</dom-module>

转换为：

example-view.html：

<dom-module id="editable-name-tag">
<template>
    <p>This is <strong>{{owner}}</strong>'s editable-name-tag.</p>
    <input is="iron-input" bind-value="{{owner}}"
  placeholder="Your name here...">
</template>
<script src="script.js"></script>
</dom-module>

和 script.js ：

Polymer({
    is: "editable-name-tag",
    properties: {
      owner: {
        type: String,
        value: "Daniel"
      }
    }
  });

Answer 1

保鲜盒包装可以满足您的要求。

您可以在npm上获得它：

crisper

Answer 2

忘记分享信息了。我将此功能添加到官方 Polymer 1.x 工具中：Vulcanize:

<块引用>

--bundle-scripts：将所有脚本合并到 bundle.js

自动解决方案，将所有内联JS脚本移动到外部文件

2 个答案: