1.下载sass loader
npm install sass sass-loader –save-dev
2.style文件下面新建sass文件
// src\styles\element-variables.sass
/* 改变主题色变量 */
$–color-primary: orange;
/* 改变 icon 字体路径变量,必需 */
$–font-path: ‘~element-ui/lib/theme-chalk/fonts’;
@import “~element-ui/packages/theme-chalk/src/index”;
3.vue.config.js中配置sass loader解析sass文件
// module.exports里面
css:{
loaderOptions:{
sass:{
data: `@import “./src/styles/element-variables”;`
}
}
},
4.main.js中使用这个全局配置文件
// 主题样式
import ‘./styles/element-variables.sass’
版权声明:本文为m0_67805754原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。