使用 CLI (v3.7.0) 创建新项目时,可以选择编译器dart-sass或node-sass编译器。
dart-sass
node-sass
这些如何相互比较,比Vue 文档中声明的更具体?
关于 Sass 性能的提示 请注意,使用 Dart Sass 时,由于异步回调的开销,默认情况下同步编译的速度是异步编译的两倍。为了避免这种开销,您可以使用 fiber 包从同步代码路径调用异步导入器。要启用此功能,只需将纤程安装为项目依赖项: npm install -D fibers 另请注意,由于它是本机模块,因此可能存在兼容性问题,因操作系统和构建环境而异。在这种情况下,请运行npm uninstall -D fibers以解决问题。
关于 Sass 性能的提示
请注意,使用 Dart Sass 时,由于异步回调的开销,默认情况下同步编译的速度是异步编译的两倍。为了避免这种开销,您可以使用 fiber 包从同步代码路径调用异步导入器。要启用此功能,只需将纤程安装为项目依赖项:
npm install -D fibers
另请注意,由于它是本机模块,因此可能存在兼容性问题,因操作系统和构建环境而异。在这种情况下,请运行npm uninstall -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 的评论)。
node- sass
编辑 2020/09: 随着 Ali Bahrami 更新他的广泛答案, dart-sass 是首选,因为 node-sass 被标记为 deprecated。
太糟糕dart-sass了,它是一个 JS 编译的版本,性能很差。但是,它的开发人员很清楚这一点,并正在努力实现更高的性能,如本期所述。
随着这个答案每天都在投票,我认为也许值得深入探讨这个话题。
考虑sass-lang 网站:
Dart Sass 是 Sass 的主要实现,这意味着它在任何其他实现之前获得了新功能。它快速、易于安装,并且可以编译 为纯 JavaScript ,从而可以轻松集成到现代 Web 开发工作流程中。
Dart-Sass 速度很快,但不是 JS 编译的版本 。实际上,当我们说 Dart-Sass 时,有两种选择:
我使用 Node-Sass、Dart-Sass 和 Dart-Sass(JS) 将 Bootstrap 4 Sass 文件编译为 CSS,您可以看到以下结果:
我在这里写了博客,你可以在这里阅读更多关于它的信息。