😵
Dart Sassの@import非推奨警告に関する対応
Dart Sassの@import非推奨警告に関する対応
1. 背景
Bootstrap 5.3.3を使用しているプロジェクトにおいて、Sassの警告が発生しました。
具体的には、Bootstrapが依然として@importを使用しており、それを参照すると以下のような警告が表示されました。
Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
これは@importはDart Sassでは非推奨となっているが、Bootstrapが@importを使用していることが原因でした。
2. 解決策の選択肢
Bootstrapを修正する方法
Bootstrapのコードを修正し、@importを@useに書き換える方法があります。しかし、このアプローチはライブラリの保守コストが高いため、却下しました。
警告の抑制
Bootstrap側で動作は保証されているだろうと考え、警告を抑制する方針としました。
警告を抑制するために、Sassの設定でquietDepsオプションを有効にしました。
const nextConfig = {
sassOptions: {
quietDeps: true, // 警告を抑制
},
};
しかし、これでは警告が抑制されませんでした。
結論
あきらめました。
@importの非推奨警告は、現状のライブラリを修正しない限り解消できませんでした。
警告抑制のためにquietDepsを設定しましたが、期待通りには動作しませんでした。
もし他によい方法があれば、ぜひご教示いただければと思います。
Discussion