【uniapp】解决小程序分包下的json文件编译后生成到主包的问题

前言

目前,小程序端,分包引用分包下的json文件编译后会生成到主包中。这对于主包体积紧张的开发者很不友好,下面分享两种解决方案

方案一

把 json 文件改成 js 文件,通过 export default 导出,manifest.json 中指定的小程序节点(比如mp-weixin)需要配置

json 复制代码
"optimization": {  
  "subPackages": true  
}

方案二

使用 @uni_toolkit/unplugin-json-optimization 插件

安装

bash 复制代码
# npm
npm install @uni_toolkit/unplugin-json-optimization -D

# yarn
yarn add @uni_toolkit/unplugin-json-optimization -D

# pnpm
pnpm add @uni_toolkit/unplugin-json-optimization -D

使用方法

ts 复制代码
// vite.config.js
import { defineConfig } from 'vite'
import uni from "@dcloudio/vite-plugin-uni"
import jsonOptimization from '@uni_toolkit/unplugin-json-optimization/vite'

export default defineConfig({
  plugins: [
    uni(),
    jsonOptimization(),
  ],
})
相关推荐
2501_915918413 小时前
Fiddler抓包工具详解,HTTP/HTTPS抓包、代理设置与调试技巧一站式教程(含实战案例)
http·ios·小程序·https·fiddler·uni-app·webview
IT_陈寒4 小时前
Redis 7个性能优化技巧,让我们的QPS从5k提升到20k+
前端·人工智能·后端
.又是新的一天.4 小时前
健身房预约系统SSM+Mybatis(五、预约展示)
前端·mybatis
晴殇i4 小时前
DOM嵌套关系全解析:前端必备的4大判断方法与性能优化实战
前端·javascript·面试
iOS阿玮4 小时前
AppStore卡审44小时的产品,重新提交后已经过审了。
uni-app·app·apple
QuantumLeap丶4 小时前
《uni-app跨平台开发完全指南》- 04 - 页面布局与样式基础
vue.js·微信小程序·uni-app
似水流年_zyh5 小时前
canvas涂抹,擦除功能组件
前端
胖虎2655 小时前
前端多文件上传核心功能实现:格式支持、批量上传与状态可视化
前端
胖虎2655 小时前
Vue2 项目常用配置合集:多语言、SVG 图标、代码格式化、权限指令 + 主题切换
前端