uniapp分包echarts

vue3 ts cli 项目目前无法分包!!!

开启分包

manifest文件配置开启分包

javascript 复制代码
"mp-weixin":{
...

        "optimization" : {
           "subPackages" : true
       },
}

配置分包

pages.json配置分包

javascript 复制代码
 "subPackages": [
        {
            "root": "packages", //子包的目录
            "pages": [
                {
                    "path": "pages/.../...",
                    "style": {
                        "navigationBarTitleText": "...."
                    },
                },
         }]
 // 在首页预加载子包
     "preloadRule": {
        "pages/index/index": {
            "network": "all",
            "packages": [
                "packages"
            ]
        }
    },
  // 分包内的组件无法使用 要注册一下
  "easycom": {
        "autoscan": true,
        "custom": {
			...
            "^l-(.*)": "@/packages/uni_modules/lime-echart/components/l-$1/l-$1.vue"
        }
    }

其实如果只是业务代码2m完全是够用的

大部分遇到分包都是因为echarts这样的三方依赖问题

请使用静态文件引入,不要用npm 安装 !!!

请使用静态文件引入,不要用npm 安装 !!!

请使用静态文件引入,不要用npm 安装 !!!

const echarts = require('../../uni_modules/lime-echart/static/echarts.min');

npm安装的依赖会默认打进主包

相关推荐
小文刀6963 分钟前
CSS-响应式布局
前端
三小河8 分钟前
overflow:auto 滚动的问题,以及flex 布局中如何设置
前端·javascript
薛定谔的算法12 分钟前
phoneGPT:构建专业领域的检索增强型智能问答系统
前端·数据库·后端
Hilaku13 分钟前
Token已过期,我是如何实现无感刷新Token的?
前端·javascript·面试
小文刀69616 分钟前
2025-35st-w-日常开发总结
前端
我是日安18 分钟前
从零到一打造 Vue3 响应式系统 Day 8 - Effect:深入剖析嵌套 effect
前端·vue.js
小lan猫23 分钟前
React学习笔记(一)
前端·react.js
晨米酱23 分钟前
JavaScript 中"对象即函数"设计模式
前端·设计模式
拜无忧23 分钟前
【教程】Nuxt v4 入门指南与实践 (vue前端角度开发)
前端·nuxt.js
云枫晖26 分钟前
手写Promise-什么是Promise
前端·javascript