vue中把node-sass换成dart-sass方式（解决办法）

目录

一、替换原因

二、art-sass和node-sass的区别

三、替换方法

---

一、替换原因

因为node-sass和node.js版本关联太紧了，如果这两个版本不匹配，就会起冲突，导致项目无法运行。

ps：值得一提的是node版本和要运行的项目使用的依赖版本相差太大也会导致运行失败，这就需要降低node版本了

二、art-sass和node-sass的区别

 node-sass是实时编译的，dart-sass是需要保存后才会生效

dart-sass的优点：

（1）可以使用sass和css新特性

（2）避免项目以及其他的依赖升级node-sass导致不兼容问题

（3）不存在二进制文件安装，避免了node-sass因为依赖其他文件导致运行失败

dart-sass的缺点：

（1）执行编译过程中，dart-sass内存占用比node-sass要大一点

（2）相对于node-sass使用c++实现的样式预处理器。用纯JavaScript实现的dart-sass就慢了一点

三、替换方法

1.终端输入如下命令卸载node-sass

npm uninstall node-sass

2.安装dart-sass

npm install --dev sass

 这样就用dart-sass替代了node-sass完成了