使用过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
}
},
]
},