Uniapp中的uni.scss
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
中。