8***@qq.com
8***@qq.com
  • 发布:2025-05-19 12:06
  • 更新:2025-05-19 12:06
  • 阅读:913

主包页面异步加载分包static目录里的js文件,在支付宝小程序上预览构建后此js文件却被打包到主包里。有大佬遇到过类似问题吗?请问如何解决?

分类:uni-app
  1. 问题描述:项目中使用了lime-echarts插件。我在pages/index/index页面异步加载了分包的js文件(src/pages-sub-echarts/static/echarts.min.js)。预期中这个js文件应该被打在分包里,减少主包体积。在微信、抖音小程序中符合预期,但是在支付宝小程序中这个js文件被打进主包里了。请问有没有大佬遇到过类似问题,还是我对分包异步化这个功能使用的有问题。支付宝小程序分包异步化文档。复现问题源码:复现问题源码

  2. pages.json配置如下

    "pages": [  
        {  
            "path": "pages/index/index",  
            "type": "home",  
            "style": {  
                "navigationBarTitleText": "首页"  
            }  
        }  
    ],  
    "subPackages": [  
        {  
            "root": "pages-sub-echarts",  
            "pages": [  
                {  
                    "path": "echarts-demo/echarts-demo",  
                    "type": "page",  
                    "style": {  
                        "navigationBarTitleText": "EchartsDemo"  
                    }  
                }  
            ]  
        }  
    ]
  3. pages/index/index文件分包异步化代码如下

    onMounted(() => {  
    // #ifdef H5  
    initChart(echartsH5)  
    // #endif  
    // #ifndef H5  
    require.async('../../pages-sub-echarts/static/echarts.min').then(async echarts => {  
    initChart(echarts)  
    }).catch(({ mod, errMsg }) => {  
    console.error(`path: ${mod}, ${errMsg}`)  
    })  
    // #endif  
    })
  4. 微信构建截图

  5. 抖音构建截图


  6. 支付宝构建截图


2025-05-19 12:06 负责人:无 分享
已邀请:

要回复问题请先登录注册