使用过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中做如下调整:
{test: /\.(sa|sc)ss$/,use: [{loader: MiniCssExtractPlugin.loader},{loader: "css-loader"},{loader: "sass-loader",options: {implementation: require("sass")//使用dart-sass代替node-sass}},]},
