element-ui 改变 SCSS 变量 或者 自定义主题 引入后样式重复问题

如何自定义主题

关于element 如何自定义主题查看-->官网<--有详细介绍

去除重复样式

在css文件的地方下载npm插件

npm install css-purge -g 

然后运行下面代码

css-purge -i myFile.css -o myFile_purged.css 

i代表输入文件的名称，o代表输出文件的名称

例如：

需要转换的文件名是index.css 去重后生成的文件名是newindex.css

css-purge -i index.css -o newindex.css 

结果：