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

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

有没有一个工作流程或一套工具可以帮助你两全其美？

例如，以类似于使用Sass预处理CSS的方式，将原始模板和脚本组合到一个HTML文件中？

Answer 1

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