当前位置: 首页 > news >正文

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

http://www.lryc.cn/news/583829.html

相关文章:

  • Layui —— select
  • 从品牌附庸到自我表达:定制开发开源AI智能名片S2B2C商城小程序赋能下的营销变革
  • 盲盒一番赏小程序技术实现方案:高并发与防作弊的平衡之道
  • 可视化DIY小程序工具!开源拖拽式源码系统,自由搭建,完整的源代码包分享
  • 2025社交电商新风口:推客小程序的商业逻辑与技术实现
  • 【NLP入门系列六】Word2Vec模型简介,与以《人民的名义》小说原文实践
  • UnrealEngine5游戏引擎实践(C++)
  • 「Java EE开发指南」如何用MyEclipse将Java项目转换为Web项目?
  • JavaEE——线程池
  • Windows 系统 IIS 服务的重启方法
  • MyBatis-Plus 中使用 Wrapper 自定义 SQL
  • 网络安全初级
  • LeetCode经典题解:49、字母异位词分组
  • Wisdom SSH:探索AI助手在复杂运维任务中的卓越表现
  • 6 如何向量化人工智能算法
  • 低版本hive(1.2.1)UDF实现清除历史分区数据
  • hive小文件问题
  • RabbitMQ 消息队列:从入门到Spring Boot实战
  • MySQL(127)如何解决主从同步失败问题?
  • XMAPP MySQL 启动后自动停止
  • adb 简介与常用命令
  • 线上事故处理记录
  • mx6ull-裸机学习实验15——RTC 实时时钟实验
  • 浪潮CD1000-移动云电脑-RK3528芯片-2+32G-开启ADB ROOT破解教程
  • MySQL断开连接后无法正常启动解决记录
  • 第一次搭建数据库
  • 壁仞 k8s 兼容
  • 力扣hot100速通(7.9)|49.字母异位词分组 128.最长连续序列 283.移动零 11.盛最多水的容器 42.接雨水
  • Swift 图论实战:DFS 算法解锁 LeetCode 323 连通分量个数
  • 力扣面试150题--全排列