在 Vue CLI 中，如何使用 sass 而不是 node-sass（sass-loader 的默认值）？

Question

在 Vue CLI 中，如何使用 sass 而不是 node-sass（sass-loader 的默认值）？

Chr*_*mas 4 css sass webpack vue.js vue-cli

我遇到了这个答案，但我没有使用 Nuxt.js。我正在使用 Vue CLI。

有没有办法在 Nuxt.js 中使用 sass 而不是 node-sass （sass-loader 的默认值）？

在 Vue CLI 的官方文档中，它显示了一个使用 Dart Sass (sass) 的示例，但在 Vue Loader 文档中，它显示了一个使用 Node Sass (node-sass) 的示例。我只想使用 sass，但收到缺少节点模块 node-sass 的错误。我可以在哪里更改配置以改用 Dart Sass？

Answer 1

Dan*_*Dan 6

使用vue create.

手动选择功能
CSS 预处理器 (*)

截屏：

例子package.json：

"devDependencies": {
  "sass-loader": "^7.2.0",
  "sass": "^1.22.10"
}

Run Code Online (Sandbox Code Playgroud)

sass= dart-sass

node-sass= 节点-sass

如果您已经有一个项目需要更改设置，那么解决方案是什么？ (3认同)

归档时间：	5 年，4 月前
查看次数：	3592 次
最近记录：	3 年，6 月前

在 Vue CLI 中，如何使用 sass 而不是 node-sass（s​​ass-loader 的默认值）？

在 Vue CLI 中，如何使用 sass 而不是 node-sass（sass-loader 的默认值）？