【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(),
  ],
})
相关推荐
掘金安东尼3 小时前
纯 CSS 实现弹性文字效果
前端·css
牛奶3 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶3 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion4 小时前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er4 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart5 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星5 小时前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_6 小时前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路6 小时前
ArcPy 开发环境搭建
前端
林小帅7 小时前
【笔记】OpenClaw 架构浅析
前端·agent