在不同的页面使用相同的uniui组件。

- 发布:2025-06-28 18:46
- 更新:2025-06-30 19:04
- 阅读:79
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 4.66
手机系统: Android
手机系统版本号: Android 16
手机厂商: 小米
手机机型: 小米12Pro
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
对于uniui这种公共组件,样式抽离到同一个文件中
对于uniui这种公共组件,样式抽离到同一个文件中
实际结果:
打包后每个页面都会出现重复的样式代码
打包后每个页面都会出现重复的样式代码
bug描述:
项目使用了uniui组件库,打包后会在打包资源中的pages目录下生成页面.css,其中会出现重复的出现uniui的样式。
使用npm run build:app命令方式打包、使用hbuilderx制作wgt包、使用hbuilderx生成本地打包APP资源、云打包、这几种方式皆会出现相同问题。
因为项目较大,大概500+以上的页面数量,导致打包后,光重复的样式代码就高达十多M。
希望能给予解决方案
月影银翔 (作者)
以提供示例代码,压缩包中已包含 本地打包APP资源 与 WGT包。
2025-06-30 16:55
月影银翔 (作者)
uni-test.zip
2025-06-30 16:56