乐趣区

vue-cli中配置全局sass变量

如何定义样式的变量,使得全局的样式可以在组件中使用,网上找了一些办法,亲测可以使用,我就记录下来;
1、安装 sass-resources-loader
npm i sass-resources-loader –save-dev
2、修改 vue-cli 的目录下 build/utils.js,如图

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;

退出移动版