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

相关推荐
朝阳58112 分钟前
用 Rust + Actix-Web 打造“Hello, WebSocket!”——从握手到回声,只需 50 行代码
前端·websocket·rust
F2E_Zhangmo12 分钟前
基于cornerstone3D的dicom影像浏览器 第五章 在Displayer四个角落显示信息
开发语言·前端·javascript
slim~32 分钟前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
一支鱼36 分钟前
leetcode常用解题方案总结
前端·算法·leetcode
惜.己1 小时前
针对nvm不能导致npm和node生效的解决办法
前端·npm·node.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
用户21411832636022 小时前
Nano Banana免费方案来了!Docker 一键部署 + 魔搭即开即用,小白也能玩转 AI 图像编辑
前端
Zacks_xdc2 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
给月亮点灯|2 小时前
Vue基础知识-脚手架开发-使用Axios发送异步请求+代理服务器解决前后端分离项目的跨域问题
前端·javascript·vue.js
张迅之3 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design