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

Question

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

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

在Vue CLI的官方文档中，它显示了一个示例，其中使用了Dart Sass（sass），但在Vue Loader文档中，它显示了一个示例，其中使用了Node Sass（node-sass）。我想只使用sass，但是因为缺少node模块node-sass而收到错误。在哪里可以进行配置更改以使用Dart Sass呢？

- chris thomas

---

我可能记错了，但是从我的记忆来看，这只是一个简单的步骤——从 package.json 中删除 node-sass 依赖项并添加 sass。您还需要运行 npm prune 命令，以从 node_modules 中删除 node-sass 文件。 - Phil

@Phil 我会尝试一下，谢谢！我最初运行了“npm i sass-loader sass”，但它立即给了我错误，但我可能错了。 - chris thomas

@Phil 已收到，谢谢！ - chris thomas

是什么错误？我认为主要问题在于两个Sass实现都提供了sass二进制文件，因此尝试运行类似npx sass的命令会产生歧义。 - Phil

Answer 1

创建新的Vue CLI项目时，从CSS预处理器选项中选择最容易的方法是使用vue create手动选择功能时选择它。

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

截图:

---

示例 package.json:

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

sass = Dart Sass

node-sass = Node-sass

- Dan

---

如果您已经有一个需要更改设置的项目，解决方案是什么？ - Deniz

@Deniz npm install -D sass-loader sass -> @Deniz npm安装 -D sass-loader sass - Dan