添加 CSS 和 JavaScript 链接到 elements.html

Question

我是 Polymer 的新手，我喜欢的一件事是我可以在 elements.html 文件中声明全局 CSS 样式和 Javascript 库。但是，在我看到的演示中，elements.html 已专门保留用于导入 Polymer 模板。

用 CSS 和 JS 导入重载 elements.html 是一种糟糕的风格吗？

Answer 1

不，在 elements.html.

中包含 JS 和 CSS 文件没有错

将 elements.html 视为非 ui 网络组件。

只有一件重要的事情要记住：
Polymer 团队创建了一个名为 Vulcanize 的工具，它采用像 elements.html 这样的文件导入所有自定义元素，将它们编织到一个文件中以减少浏览器发出的 http 请求数收集 required 资源。在此处添加 JS 和 CSS 文件会使此工具混淆并生成相当奇怪的结果。

所以这就是为什么您看不到 elements.html.

中包含 JS 和 CSS 文件的官方示例和教程的原因

关于Vulcanize的更多信息：
https://github.com/Polymer/vulcanize
https://www.polymer-project.org/0.5/articles/concatenating-web-components.html

希望我写的清楚。