关于element-ui:vuecli30elementui-按需引入的自定义主题问题

按需引入胜利之后，我想要自定义主题 百度最举荐的办法是去线上主题生成，而后下载引入应用。然而我这里始终说下载包有问题我就放弃，看了很多文章找到了一篇写得不错的，并且解决了问题的办法，这里本人记录一下。
1、首先装置依赖
npm install babel-plugin-component -D
装置当前要记得把sass-loader和node-sass装置一下，不然会报错
npm install node-sass sass-loader --save-dev
2、新建element-variables.scss文件
3、在main.ts中引入。留神放在elementui引入的前面

import './plugins/element.js'
import '@a/styles/element-variables.scss'

4、依据须要编辑element-variables.scss文件，这里打个比方

/*主题色彩变量*/
$--color-primary: #f0f;
/*icon字体门路变量*/
$--font-path: '~element-ui/lib/theme-chalk/fonts';
/*按需引入用到的组件的scss文件和根底scss文件*/
@import '~element-ui/packages/theme-chalk/src/base.scss';
@import '~element-ui/packages/theme-chalk/src/rate.scss';
@import '~element-ui/packages/theme-chalk/src/button.scss';
@import '~element-ui/packages/theme-chalk/src/row.scss';

本文原链接在这