CSS 配置

Nuxt.js 让你可以配置全局 CSS 文件、模块、库(每个页面都会被引入)。

  • 类型: Array
    • 数组元素类型:String | Object

如果传入的是对象的话,其属性是:

nuxt.config.js 中添加 CSS 资源:

  1. module.exports = {
  2. css: [
  3. // 加载一个 node.js 模块
  4. 'hover.css/css/hover-min.css',
  5. // 同样加载一个 node.js 模块,不过我们定义所需的预处理器
  6. { src: 'bulma', lang: 'sass' },
  7. // 项目中的 CSS 文件
  8. '~assets/css/main.css',
  9. // 项目中的 Sass 文件
  10. { src: '~assets/css/main.scss', lang: 'scss' } // 指定 scss 而非 sass
  11. ]
  12. }