聚合物全球CSS / JS

Question

TL; DR 我如何定义全局资源（例如CSS / JS库），以便在它们的影子根中工作时在Polymer组件中使用它们？

史前时代：

在上一个项目中，我有两种方法在React-component中使用CSS / JS：

• 从index.html添加的脚本或样式在全局可见。
• 使用import语句从组件内部的脚本或样式在本地可见。

现在我有Polymer的项目，我认为在全球范围内拥有ionicons.min.css的想法是一个好主意。所以，我需要全局它。

还是唯一的方法是将它们显式地导入每个组件中？或者，也许您知道一些最佳实践，即如何在Polymer上构建组件的结构，然后分享您的经验。

Answer 1

好吧，我对你有个坏消息。每个组件都必须自己导入样式，并且样式必须包装到“样式模块”中。参见Documentation。