В Vue CLI как использовать sass вместо node-sass (по умолчанию для sass-loader)?

Question

Я сталкивался с этим ответом, но я не использую Nuxt. js. Я использую Vue CLI.

Есть ли способ использовать sass вместо node-sass (по умолчанию для sass-loader) в Nuxt. js?

В официальных документах для CLI Vue показан пример использования Dart Sass (sass), а в документах Vue Loader - пример использования Node Sass (node-sass). Я хотел бы использовать только sass, но получаю ошибки для отсутствующего узла module-sass. Где я могу внести изменения в конфигурацию, чтобы вместо этого использовать Dart Sass?

Answer 1

Проще всего выбрать его из опций препроцессора CSS при создании нового * CLI проекта Vue с vue create.

• Выбор функций вручную
• CSS препроцессоры (*)

Снимок экрана:

---

Пример package.json:

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

sass = dart-sass

node-sass = node-sass