章節連結
@import 在 2024 年已經棄用的情況下,若要無縫接軌 @use ,僅需要加上 as * 就可以如過往一樣使用。
內容
為何既有的 @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)
按讚加入粉絲團