通过NPM安装bulma后,如何在我的项目中引用它

2024-05-02

我通过以下方式在我的项目中引入了布尔玛:

$ npm install bulma

之后,我如何在我的页面中引用它。我真的不知道如何使用 npm,所以请你指导我。我是否必须在我的js中引用它:import bulma from 'bulma'或者需要它,我不知道我的文件在哪里。这意味着我不知道它们位于哪里。


您可以在以下位置找到最终的 css 版本:projectName/node_modules/bulma/css/bulma.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 or public或者你使用的任何东西,然后像获取 html 中的任何 css 文件一样获取它:<link rel="stylesheet" href="/bulma.css">

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过NPM安装bulma后,如何在我的项目中引用它 的相关文章

随机推荐