element-theme 使用踩坑

一、node-sass 无法安装导致安装失败

1 首先手动下载 node-sass 安装包
（下不下来可以找同事复制一下）

2 安装
把这个安装包复制到 C:\Users\Administrator\AppData\Roaming\npm-cache，注意不能直接复制，需要这样：\node-sass\4.14.1\win32-x64-83_binding.node
所以总的地址是：C:\Users\Administrator\AppData\Roaming\npm-cache\node-sass\4.14.1\win32-x64-83_binding.node。
4.14.1 是版本号，如果是别的版本的话这里要改，如果不是就最好不要改，node-sass和nodejs的版本适配非常苛刻，和别的依赖包协同可能也有问题。

二、graceful-fs 报错导致无法编译sass文件

这个问题解释会比较复杂，但是可以先记住能用的版本。

nodejs v14.18.0 
gulp v3.9.1
node-sass v4.14.1

其中，gulp的版本是 package.json 定义的，node-sass会自己装这个版本，不用设置。

然后下一步很关键，需要用 npm-shrinkwrap.json 固定 graceful-fs 的版本，固定到 v4.2.2 .

{
   "dependencies": {
       "graceful-fs": {
           "version": "4.2.2"
       }
   }
}

这个文件放到 npm “ 可以生效 ” 的地方。

• 如果是 nodejs ，就是 C:\Users\Administrator\AppData\Roaming\npm
• 如果是 nvm ，就是 C:\Users\Administrator\AppData\Roaming\nvm\v14.18.0 当前nvm执行版本是 v14.18.0 ，所以这里是 v14.18.0 。

三、剩下的就是照章办事了

npm i element-theme -g
mkdir new_style && cd new_style // 文件夹叫什么名字随你喜欢
et -i // 初始化

// 此处省略很多行...如果你需要改样式的话，应该改 element-variable.scss 这个文件

et // 生成文件

// 生成后的文件在 theme 文件夹里面，里面有很多文件，全部引入的话，只需要引入 index.css