通过NPM安装布尔玛后,我怎么可以参考它在我的项目

问题描述 投票:35回答:6

我曾经拉过在布尔玛在我的项目:

$ npm install bulma

在那之后,我怎么可以参考它在我的网页。我真的不知道如何与故宫工作,所以请你能引导我。我必须说是指它在我的JS:import bulma from 'bulma'或需要它,我不知道我的文件。也就是说,我不知道他们在所在的位置。

npm bulma
6个回答
45
投票

您可以在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,在任何一个assetspublic或任何你使用,然后把它拿来像你取的HTML中的任何CSS文件:<link rel="stylesheet" href="/bulma.css">


3
投票

它仅是CSS。

布尔玛是一个CSS框架。

所以,你可以只是在你的index.html像一个正常的CSS链接添加:

<link rel="stylesheet" type="text/css" href="your/bulma/path/bulma.css />

编辑:您已通过与包管理器bulma的环境的NodeJS安装npm所以你必须有一个目录名为node_modules和bulma目录中。


2
投票

这是真的unevident。如果你想获得qazxsw POI工作,qazxsw POI通过qazxsw POI,最低工作DEPS(现在)是:

bulma

那么需要这样来进行初始化:

fontawesome5

更多详细信息可以在这里找到:npm


1
投票

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框架,我认为这是最好保持相互链接的样式表。


0
投票

我有同样的问题在Vue公司,最后我解决它感谢这个main.css。对于布尔玛你只需要运行:

$黄芪甲甙安装布尔玛

index.html后,你的文件应该位于<link rel="stylesheet" href="/css/main.css"> 文件夹下。

对于布尔玛,检查是否有下link一个文件夹npm install,那么您可以在您的main.js文件导入布尔玛CSS框架如下:node_modules

注意:即使在bulma我提供了他们建议的完整路径布尔玛,这不是一个好的做法作为@Omkar指出的那样,所以我结束了进口布尔玛如下:node_modules


-2
投票

声明这个index.html文件中为我工作。

import "./../node_modules/bulma/css/bulma.css";

在反应过来,我们在相同的HTML文件,其中应用的根源是目前宣布这一点。

© www.soinside.com 2019 - 2024. All rights reserved.