element-ui 自定义主题

方法1  按照官网方法（官网总是最靠谱的）

       缺点：编译会很慢，

 方法2 

npm i element-theme 
npm i element-theme-chalk -D

node_modules/.bin/et 

此时如果node 版本过高会报错

 

解决方法

// 切换 node 版本为11 
nvm use 11

npm rebuild node-sass

node_modules/.bin/et -i

node_modules/.bin/et

结果就正常了

这样在项目中就可以看到生成的 element-variables.scss 文件了，

按照自己的需求修改变量值之后

执行 node_modules/.bin/et  生成 theme 文件夹，

在 main.js 中引入这个文件就可以了

踩坑: 生成的 scss 文件是空的

后来全局安装（npm i element-theme -g）之后生成的scss 文件就正常了

卸载了全局安装之后  在项目中安装就没啥问题了