网站左侧导航栏设计网站产品推广

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中。