在我看到的用于创建元素的大多数示例中,注册元素的脚本在组件的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等工具,但是你失去了自动生成的属性文档等 .
是否有工作流程或工具集可以帮助您充分利用这两个方面的优势?
例如将原始模板和脚本组合成单个HTML文件,其方式与使用Sass预处理CSS类似?
1 回答
是 . Polymer支持通过引用外部脚本来注册元素 . 见http://www.polymer-project.org/docs/polymer/polymer.html#separatescript . 元素调用
Polymer()
的原因是支持这一点 . 它将定义与脚本相关联 .