【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(),
  ],
})
相关推荐
Csvn几秒前
前端技术 - 跨端方案对比
前端
七夜zippoe9 分钟前
OpenClaw Chrome 扩展:Browser Relay 配置
前端·chrome·openclaw·brower
之歆18 分钟前
DAY_12JavaScript DOM 完全指南(三):高级工程篇
开发语言·前端·javascript·ecmascript
来恩100322 分钟前
EL表达式应用
前端·javascript·vue.js
希冀12323 分钟前
【CSS学习第十篇】
前端·css
小飞侠是个胖子31 分钟前
在 WebGL 中构建高性能 3D 沉浸式系统的三套高阶方案
前端·3d
wh_xia_jun33 分钟前
Vue3 + Vitest 浏览器测试 从零开发指南
前端·javascript·vue.js
FlyWIHTSKY35 分钟前
区块链前端技术栈介绍
前端·区块链
唐青枫36 分钟前
别再让 key 写成字符串:TypeScript keyof 从入门到实战
前端·javascript·typescript
一点一木8 小时前
深度体验TRAE SOLO移动端7天:作为独立开发者,我把工作流揣进了兜里
前端·人工智能·trae