方法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 文件就正常了
卸载了全局安装之后 在项目中安装就没啥问题了