• CSS 配置

    CSS 配置

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

    如果要使用 sass 就必须要安装 node-sass和sass-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 会使用相应的预处理器进行处理。前提是，你安装了对应预处理器。