聚合物全局 CSS/JS

Question

TL;DR当 Polymer 组件在它们的 shadow-roots 中工作时，我如何定义诸如 CSS/JS 库之类的全局资源以在 Polymer 组件中使用它？

史前：

在之前的项目中，我有两种在 React-component 中使用 CSS/JS 的方法：

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

现在我有了 Polymer 的项目，我认为让 ionicons.min.css 全局可见的想法是个好主意。 所以，我需要它是全球性的。

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

Answer 1

好吧，我有坏消息要告诉你。 每个组件都必须自己导入样式，并且样式必须包装到“样式模块”中。 请参阅文档。