Sassを@importから@useに置き換えるための手引き - kojika17

Sassの@importルールは、廃止されることが予定されています。 @useや@forwardといったルールに置き換わるのですが、これらは全く新しいシステムです。 これらの知見が溜まってきたのでご紹介します。 @import と 新しいモジュールシステム Sassの初期の方から実装されていた@importは、テキスト形式でSassファイルを読み込むための機能です。便利な機能ですが、CSSの@importと重複しているため、SassなのかCSSなのか一見してわかりにくい側面がありました。 新しいモジュールシステムは、この問題を解消し、Sassをより柔軟に使用できるようにします。 @importではグローバルに指定されていた変数などは、ファイルごとにカプセル化され、ファイルの内容に基づいて解決できるようになりました。 現在、Dart Sassしか新しいモジュールシステムは使えませんが、Lib

[kojika17]

【書いた】

[soratomo]

なるほど、、ってか、ややこしい！！

[norip44]

SCSS

[field_combat]

マジか、メンテ面倒になるな

[yoshi-na]

普段の自分の範囲ではそんなに影響ないかなぁ。たまにbootstrapカスタマイズするけど、そんなにないし。

[witch-doktor]

うぐぐ…これは結構難しいな…

[yamadashy]

名前空間かあ

[ku_marin]

遅くとも2022年10月1日には廃止

[kns_1234]

importをuseに置き換えるのは、思っていたより大変そうですね…

[ginpei]

@useの紹介と@importから移行するために必要な知識、変更すべきコード例。ミックスインや変数を多用してきっちり組み立てていると逆に大変そう。