vue-cli中配置全局sass变量

如何定义样式的变量,使得全局的样式可以在组件中使用,网上找了一些办法,亲测可以使用,我就记录下来;

1、安装sass-resources-loader

npm i sass-resources-loader --save-dev

2、修改vue-cli的目录下build/utils.js,如图

vue-cli中配置全局sass变量

scss: generateLoaders('sass').concat({
      loader:'sass-resources-loader',
      options:{
        resources:path.resolve(__dirname,'../src/assets/css/style.scss')
      }
}),

../src/assets/css/style.scss是样式文件;
3、重新运行npm run dev;

相关推荐