🐥

[Sass]@importの非推奨に伴いSass移行ツールで@useと@forwardに爆速で変換する

2025/03/06に公開

はじめに

以前より話題になっていた @import の非推奨の話です。
対応しないといけないのは分かりつつも、先延ばししていましたが、この度調査してみてほぼ一瞬で対応できて感動したので腰が重い方に向けて記事を書いてみました。

dart-sassで@importが非推奨になった時期

ちなみにdart-sassで公式に@import が非推奨になったバージョンは 1.80.0 ( 2024 年 10 月頃 ) 以降のようです。

https://github.com/sass/dart-sass/releases/tag/1.80.0

対応していない場合のWarning

Deprecation Warning[import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

Sass移行ツールによる自動マイグレーション

$ npm install -g sass-migrator
$ sass-migrator module --migrate-deps your-entrypoint.scss

公式に詳細なドキュメントがあります。

https://sass-lang.com/documentation/breaking-changes/import/

GitHubで編集を提案

Discussion