使用过sass的同学应该都有感受,安装依赖特别慢,即使指定了让它走国内镜像。通过say bye,可以一劳永逸的解决这个问题,具体方法如下。

使用dart-sass代替

Dart Sass 是 Sass 官网力推的工具,它包括了基于 Dart VM 的命令行工具,以及基于 Node 的纯 Javascript 实现。

Dart Sass 是我们对它的习惯称呼,最早它在 npm 上的确是以 dart-sass 的名字发布的,不过现在它已经更名为 sass 了(相当于它被扶正了!)。

sass-loader的配置需要调整

完成依赖替换还不够,因为webpack的sass-loader插件还会去拉取node-sass,我们需要在webpack.config.js中做如下调整:

  1. {
  2. test: /\.(sa|sc)ss$/,
  3. use: [
  4. {
  5. loader: MiniCssExtractPlugin.loader
  6. },
  7. {
  8. loader: "css-loader"
  9. },
  10. {
  11. loader: "sass-loader",
  12. options: {
  13. implementation: require("sass")//使用dart-sass代替node-sass
  14. }
  15. },
  16. ]
  17. },

参考文章