假设 nodejs 的项目大致为:

  1. .
  2. ├── package.json
  3. ├── src
  4. ├─ assets
  5. ├─ components
  6. ├─ router
  7. ├─ views
  8. └─ main.js

这里演示的 CSS 框架为 bulma
在项目文件中,直接通过 npm 安装:

  1. $ npm install bulma

使用 scss 添加

使用 sass 必须安装 sass 加载器,注意这里直接安装到开发者环境下即可:

  1. npm install --save-dev node-sass sass-loader

紧接着在 /assets 目录下新建 mian.scss 文件,并加入下列代码:
main.scss

  1. @import '~bulma';

最后在 main.js 中引入 main.scss 即可。
main.js

  1. require('@/assets/main.scss');

使用 css 添加

使用 css 非常简单,只需要在 main.js 文件中添加引入 bulma 的依赖即可:
main.js

  1. import 'bulma/css/bulma.css'