API: CSS 配置

CSS 配置

在 Nuxtjs 里配置全局的 CSS 文件、模块、库。 (每个页面都会被引入)

如果要使用 sass 就必须要安装 node-sasssass-loader

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

nuxt.conf.js中,添加要使用的 CSS 资源:

  • Type: Array
  • Items: string
  1. module.exports = {
  2. css: [
  3. // 直接加载一个 Node.js 模块。(在这里它是一个 Sass 文件)
  4. 'bulma',
  5. // 项目里要用的 CSS 文件
  6. '@/assets/css/main.css',
  7. // 项目里要使用的 SCSS 文件
  8. '@/assets/css/main.scss'
  9. ]
  10. }

Nuxt.js 会自动识别被导入文件的扩展名,之后,webpack 会使用相应的预处理器进行处理。前提是,你安装了对应预处理器。