# 小程序预览提示包过大 >[success] 频繁被问到这个问题,被迫写下这篇教程。 ![](https://img.kancloud.cn/da/f5/daf5288ad76b3faf043aef47344cfffd_1022x660.jpg) ### 步骤一:开启运行时压缩代码 #### 1) HbuilderX创建的项目按下图所示操作(勾选开启后,重新启动 `HbuilderX` 并重新运行到小程序) ![](https://img.kancloud.cn/1c/f3/1cf3d9b76c54b5592966165e90604faa_1062x551.jpg) #### 2) vue-cli创建的项目可以在 `package.json` 中添加参数 `--minimize` ,看下方代码示例 ` "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize" ` >[warning] 如果步骤一没有解决你的问题,看步骤二 ### 步骤二:检查 uni.scss 文件引用资源 #### 1. 查看小程序的资源占用情况 ![](https://img.kancloud.cn/3b/6b/3b6bab87d6ec0e7e36fe00e11e4bb6f1_1293x430.jpg) 如上图,uView 的组件大小明显异常,一般都是 `uni.scss` 文件引用的文件导致 ![](https://img.kancloud.cn/4a/a4/4aa4846ad413208eb8d0e59f8a5caca6_784x728.jpg) 如上图所未,文件中引用了 colorui 相关的文件 ![](https://img.kancloud.cn/63/da/63daf1e868d8be99f714828a483c16a5_527x211.png) #### 2. 调整文件引用 方式 将与 uView 无关的文件删除后,调整为在 App.vue 文件中引用 > 编辑:uView UI 河浪