我曾经拉过在布尔玛在我的项目:
$ npm install bulma
在那之后,我怎么可以参考它在我的网页。我真的不知道如何与故宫工作,所以请你能引导我。我必须说是指它在我的JS:import bulma from 'bulma'
或需要它,我不知道我的文件。也就是说,我不知道他们在所在的位置。
您可以在projectName/node_modules/bulma/css/bulma.css
最终的CSS版本。
机会是您同时使用的WebPack及类似文件加载器。如果,例如在Vue公司的项目,你有,那么你可以使用导入语法:
import 'bulma/css/bulma.css'
你的js中。这工作,因为有import [xyz from] 'xyz'
将着眼于projectName/node_modules/xyz
,并在CSS文件的情况下,就这么简单!
如果你没有这种安装做,你需要找到一种方法来在发送给客户端。只要复制projectName/node_modules/bulma/css/bulma.css
到一个文件中,也许bulma.css
,在任何一个assets
或public
或任何你使用,然后把它拿来像你取的HTML中的任何CSS文件:<link rel="stylesheet" href="/bulma.css">
它仅是CSS。
布尔玛是一个CSS框架。
所以,你可以只是在你的index.html
像一个正常的CSS链接添加:
<link rel="stylesheet" type="text/css" href="your/bulma/path/bulma.css />
编辑:您已通过与包管理器bulma
的环境的NodeJS安装npm
所以你必须有一个目录名为node_modules和bulma
目录中。
这是真的unevident。如果你想获得qazxsw POI工作,qazxsw POI通过qazxsw POI,最低工作DEPS(现在)是:
bulma
那么需要这样来进行初始化:
fontawesome5
更多详细信息可以在这里找到:npm
npm i -S bulma @fortawesome/fontawesome @fortawesome/fontawesome-free-solid
如果您对您的项目或类似的东西import fontawesome from '@fortawesome/fontawesome'
import solid from '@fortawesome/fontawesome-free-solid'
import 'bulma/css/bulma.css'
fontawesome.library.add(solid)
文件,你可以添加上面一行的https://fontawesome.com/how-to-use/use-with-node-js文件中。里面您通过NPM安装布尔玛后项目的路径@import "../node_modules/bulma/css/bulma.css";
这将导入位于默认main.css
文件。
注意:您必须包括您main.css
文件(或类似的东西)你bulma.css
内的静态导入,如果你选择走这条路。对于那些你需要有这样的:
node_modules/bulma/css/
我喜欢这个,因为布尔玛是一个CSS框架,我认为这是最好保持相互链接的样式表。
我有同样的问题在Vue公司,最后我解决它感谢这个main.css
。对于布尔玛你只需要运行:
$黄芪甲甙安装布尔玛
index.html
后,你的文件应该位于<link rel="stylesheet" href="/css/main.css">
文件夹下。
对于布尔玛,检查是否有下link一个文件夹npm install
,那么您可以在您的main.js文件导入布尔玛CSS框架如下:node_modules
注意:即使在bulma
我提供了他们建议的完整路径布尔玛,这不是一个好的做法作为@Omkar指出的那样,所以我结束了进口布尔玛如下:node_modules
声明这个index.html文件中为我工作。
import "./../node_modules/bulma/css/bulma.css";
在反应过来,我们在相同的HTML文件,其中应用的根源是目前宣布这一点。