Riot.js将css库用于标签或组件

时间:2016-03-09 14:57:09

标签: javascript html css web-component riot.js

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

目前,用户的标记为<github-user-widget></github-user-widget>,而对于回购,标记为<github-user-repos></github-user-repos>

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

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

我想能够将此标记发布为其他人只需导入其应用程序的模块,而无需更改其CSS配置,只需导入Riot和Riot标记。

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

1 个答案:

答案 0 :(得分:0)

此时并非如此。您可以使用 HTML transclusion / yield ,并拥有一个所有组件都在其中的主组件。该主组件可以具有共享的CSS / JavaScript,但实际情况是,这超出了Riot应该做的事情,并且通常是一个坏主意。我建议创建一个NPM和Bower包,其中包含所需的依赖项,以便其他人可以使用您的组件。它必须包含CSS和JavaScript文件是相当标准的,如果他们已经使用Bootstrap,你真的不希望他们被强制包含两次。