[筆記] Sass @import 取消後 改用 @use 取代方法

@import 在 2024 年已經棄用的情況下,若要無縫接軌 @use ,僅需要加上 as *  就可以如過往一樣使用。

sass logo scss


內容

為何既有的 @import 要棄用

因為 @import 是全域引入,會容易遇上「撞名和先後順序載入」問題,改用 @use 便可避免這個情況。

@use 是區域內的,預設的 namespace 名稱就是你的檔名。如 @use “../../mobile” 那就用 mobile.<key> 來呼叫

若你要快速套用的話,就如同 JavaScript 的模組引入 import * as xxx from ‘xxx’ 一樣,為 @use “../../mobile” as *


參考資料

1. How ‘@use’ like ‘@import’ (Sass new syntax)

按讚加入粉絲團

延伸閱讀