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

相关推荐
灵感__idea1 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴2 小时前
Mix
前端·webgl
代码续发2 小时前
前端组件梳理
前端
试图让你心动3 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记4 小时前
sass中@mixin与 @include
前端·sass
源码_V_saaskw4 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
陈琦鹏4 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数4 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante4 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端