假设 nodejs 的项目大致为:
.
├── package.json
├── src
├─ assets
├─ components
├─ router
├─ views
└─ main.js
这里演示的 CSS 框架为 bulma。
在项目文件中,直接通过 npm 安装:
$ npm install bulma
使用 scss 添加
使用 sass 必须安装 sass 加载器,注意这里直接安装到开发者环境下即可:
npm install --save-dev node-sass sass-loader
紧接着在 /assets
目录下新建 mian.scss
文件,并加入下列代码:
main.scss
@import '~bulma';
最后在 main.js
中引入 main.scss
即可。
main.js
require('@/assets/main.scss');
使用 css 添加
使用 css 非常简单,只需要在 main.js
文件中添加引入 bulma 的依赖即可:
main.js
import 'bulma/css/bulma.css'