uni.scss
為uni-app新建項目自帶工程文件,使用的預處理器為sass/scss
,由此可見,uni-app官方推薦的是scss
。
uni.scss
特點
- 無需引入,uni-app在編譯時,會自動引入此文件
- 在此中定義的
scss
變量,可以全局使用,可以在此定義一些顏色,主題,尺寸等變量 uni.scss
會編譯到每個scss
文件中(請著重理解這一句話)
綜上所述,我們可以得知,uni.scss
主要是利用scss
的特性,定義一些全局變量,供各個寫了lang=scss
的style標簽引用,但是這引出了一個重要的問題:
都會注入到每個聲明了scss
的文件中
uni.scss
中所寫的一切內容,都會注入到每個聲明了scss
的文件中,這意味著,如果您的uni.scss
如果有幾百行,大小10k左右,那么這個10k都會被注入所有的 其他scss
文件(頁面)中,如果您的應用有50個頁面,那么有可能因此導致整體的包體積多了50 * 10 = 500k的大小,這可能會導致小程序包太大而無法預覽和發布, 所以,我們建議您只將scss
變量相關的內容放到uni.scss
中。