⚠️
ViteでSassを使ったら警告が出たときの対処法
sassのパッケージをアップデートしたらこんなエラーが出ました
Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
More info: https://sass-lang.com/d/legacy-js-api
対処法
vite.config.js(ts)に設定を追加する
import { defineConfig } from "vite";
// ...
export default defineConfig({
// ...
css: {
preprocessorOptions: {
scss: {
api: "modern-compiler",
},
// sassの場合は
// sass: {
// api: "modern-compiler",
// },
},
},
});
sass-embedded
Dartをそのまま実行するから速い(らしい)
Discussion