我是第一次尝试stenciljs。我想构建一个小的应用程序,而不仅仅是一个可重用的Web组件。
我的问题是,是否有可能在我的应用中添加Bootstrap,Skeleton或Bulma等第三方CSS库。
我尝试了以下操作,但似乎都不起作用:
简单地增加一个CDN<link rel="stylesheet" href="link-here">
在index.html
没有工作。
我安装了Bulma CSS库,npm
并尝试将其导入app.css
文件中,如下所示:
@import "../../node_modules/bulma/css/bulma.min.css";
要么
@import url("https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css");
文档说这app.css
是针对全局样式的。但是这种方法也不起作用。
如何在我的模具项目中添加第三方CSS库?
也许有更好的方法,但是针对此问题的快速解决方案是在每个组件css文件中导入第三方CSS库。
@import url("https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css");
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句