当创建与CLI(v3.7.0)的新项目中,有之间进行选择的选项dart-sass
或node-sass
编译器。
它们之间如何进行比较,以比Vue docs中声明的更具体?
Sass性能技巧
请注意,使用Dart Sass时,由于异步回调的开销,默认情况下,同步编译的速度是异步编译速度的两倍。为了避免这种开销,您可以使用Fiber包从同步代码路径中调用异步导入器。为此,只需将光纤安装为项目依赖项即可:
npm install -D fibers
另请注意,由于它是本机模块,因此在操作系统和构建环境上可能存在兼容性问题。在这种情况下,请运行
npm uninstall -D fibers
以解决问题。
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
❯ Sass/SCSS (with dart-sass)
Sass/SCSS (with node-sass)
Less
Stylus
编辑2020/01: Vue CLI 4.2.2创建新项目仍然建议dart-sass
作为之前的第一个选项node-sass
。然而,这里已经确定这node-sass
是性能更高的选择,几乎没有人使用dart-sass(ccleve的评论)。
根据官方的sass-lang网站:
如果您在Dart-VM内运行Dart-Sass,则运行速度很快,但它表示可以编译为纯JS。的npmjs软件包
dart-sass
只是一个编译版本,比node-sass
或慢native dart-sass
。如果您正在寻找测量值,我建议在这里阅读有关信息,其中有示例和不同的编号:
我个人使用
dart-sass
npmjs软件包而不是node-sass
(js
本机C
库的包装)的个人经验dart-sass
是(比起我,至少50倍,因为我有很多大型主题文件)要慢于node-sass
。