一、我为什么要换Dart-Sass:
我node版本升级后发现node-sass不支持了,于是我启动了心动已久的计划,卸载Node Sass 投奔Dart Sass。
报错如图:
二、主流的声音怎么说:
在 v4.3.0
之前本项目都是基于node-sass
进行构建的,但node-sass
底层依赖 libsass,导致很多用户安装的特别的困难,尤其是 windows 用户,它强制用户在windows
环境中必须安装python2
和Visual Studio
才能编译成功。
所以为了解决这个问题,本项目在 v4.3.0修改为dart-sass
进行构建,它能在保证性能的前提下大大简化用户的安装成本。通过这个 issue下面相关的评论就可以知道,安装 node-sass
是多么麻烦的一件事。
这里选择使用dart-sass
还有一个更主要的原因,sass
官方已经将dart-sass
作为未来主要的的开发方向了,有任何新功能它都是会优先支持的,而且它已经在社区里稳定运行了很长的一段时间,基本没有什么坑了。dart-sass
之所以容易安装,主要是因为它会被编译成纯 js,这样就可以直接在的 node 环境中使用。虽然这样它的运行速度会比基于 libsass的慢一些些,但这些速度的差异几乎可以忽略不计。整个社区现在都在拥抱dart-sass
,我们没有理由拒绝!而且它的确大大简化了用户的安装成本。
目前vue-cli
在选择sass
预处理的时候也会默认优先使用dart-scss。
三、操作步骤:
3.1、卸载Node Sass
yarn remove node-sass
3.2、安装Dart Sass
yarn add dart-sass
yarn add sass -D
四、启动项目--成功
五、欢迎关注、收藏、留言指正
参考链接:
好文章Node Sass to Dart Sass | vue-element-admin (panjiachen.github.io)