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安装的依赖会默认打进主包

相关推荐
驭风少年君4 小时前
《搭建属于自己的网站之网页前端学习》基础入门
前端·学习
刘一说5 小时前
深入理解 Spring Boot 嵌入式 Web 容器:从原理到性能调优
前端·spring boot·firefox
你的人类朋友5 小时前
设计模式的原则有哪些?
前端·后端·设计模式
!执行5 小时前
Web3 前端与合约交互
前端·web3·1024程序员节
潘小安5 小时前
跟着 AI 学(二)- Quill 接入速通
前端
十里-6 小时前
在 Vue2 中为 Element-UI 的 el-dialog 添加拖拽功能
前端·vue.js·ui
shada6 小时前
从Google Chrome商店下载CRX文件
前端·chrome
左耳咚6 小时前
项目开发中从补码到精度丢失的陷阱
前端·javascript·面试
星光一影6 小时前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
黑云压城After6 小时前
vue2实现图片自定义裁剪功能(uniapp)
java·前端·javascript