Vue 使用sass定义全局css变量

  1. 安装sass-resources-loader

    $ npm install sass-resources-loader --save-dev

  2. 新建 your.scss文件(我的是放在‘../src/assets/css/’目录下)

  3. 在build/utils.js中将

    scss: generateLoaders('sass'),
    复制代码

    改成

    scss: generateLoaders('sass').concat(
      {
        loader: 'sass-resources-loader',
        options: {
          resources: path.resolve(__dirname, '../src/assets/css/your.scss')
        }
      }
    ),
    复制代码
  4. 重新 $ npm run dev

你可能感兴趣的:(javascript)