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

Question

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

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

Answer 1

使用 vue create.

创建新的 Vue CLI 项目时，通过 CSS 预处理器选项 select 最简单

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

截图：

示例package.json：

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

sass = 飞镖-sass

node-sass = 节点-sass

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

In Vue CLI how do I use sass instead of node-sass (default for sass-loader)?

css

sass

webpack

vue.js

vue-cli