node-sass 安装失败,使用 dart-sass 替代

  项目中使用的node-sass在服务器上经常安装失败,改用dart-sass替代,记录下更换方法。

更换方法

1
2
npm uninstall node-sass
npm i sass -D

注意

  • dart-sass 不支持 sass 的/deep/的写法,需要更换成:::v-deep

  示例:

1
2
3
4
5
6
7
8
9
10
11
12
.box {
/deep/ .van-button {
padding: 0 20px;
}
}

// 修改为:
.box {
::v-deep .van-button {
padding: 0 20px;
}
}

参考资料:

  Node Sass to Dart Sass —— vue-element-admin

以上

随笔标题:node-sass 安装失败,使用 dart-sass 替代

随笔作者:刘先玉

发布时间:2021年03月07日 - 20:04:59

最后更新:2021年03月07日 - 20:04:59

原文链接:https://liuxianyu.cn/article/node-sass-failed.html