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;

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理