Question

在我看到的用于创建元素的大多数示例中，注册元素的脚本在组件的HTML文件中定义，例如

<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这样的工具可见，但是你会丢失自动生成的属性文档等。

是否有工作流程或工具集可以帮助您实现两全其美？

e.g。将原始模板和脚本组合成单个HTML文件，其方式与使用Sass预处理CSS类似？

Answer 1

是。 Polymer支持通过引用外部脚本来注册元素。见http://www.polymer-project.org/docs/polymer/polymer.html#separatescript。元素调用Polymer()的原因是为了支持这一点。它将定义与脚本相关联。

聚合物：在外部脚本中注册元素

1 个答案: