1

我一直在用 Riot.js 进行测试，制作可以让我或其他程序员从 github 用户或他的 repos 加载信息的标签。

现在 user 的标签是<github-user-widget></github-user-widget>，repos 的标签是<github-user-repos></github-user-repos>。

我知道 Riot.js 允许您为每个标签设置 css 样式，但在某些情况下，我发现我需要为所有标签提供统一的样式；给所有标签相同的字体或使用网格系统就是一个例子。

如果我在 index.html 上加载像 Bootstrap 或 Bulma.io 这样的 CSS 库，我可以以统一的方式设置 Riot 标签的样式，但是我必须将这个库用于我的所有应用程序或网站。

我想能够将这个标签作为一个模块发布，其他人只需将其导入他们的应用程序，而无需更改他们的 CSS 配置，在这种情况下，只需导入 Riot 和 Riot 标签。

我的问题是：有没有办法使用 CSS 库以统一的方式为我的所有 Riot 标签或组件设置样式，而不必为我的所有应用程序使用那个 CSS 库？

4

1 回答 1

0

这个时候还真不是。您可以使用HTML 嵌入/产出，并拥有一个所有组件都位于其中的主组件。该主组件可以拥有共享的 CSS / JavaScript，但现实情况是这超出了 Riot 应该做的事情，而且通常是个坏主意。我建议创建一个具有所需依赖项的 NPM 和 Bower 包，以便其他人可以使用您的组件。必须包含 CSS 和 JavaScript 文件是相当标准的，而且如果他们已经在使用 Bootstrap，您真的不希望他们被迫包含两次。

于 2016-03-19T15:18:29.863 回答