javascript - Polymer 全局 CSS/JS

Question

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

史前：

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

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

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

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

标签： javascriptcssreactjspolymer

Answer 1

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