• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Taro小程序中使用ec-charts包体积过大

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在Taro中使用ec-charts打包预览的时候发现包体积太大,研究了一下,有两种解决方案

 

方案一:

  通过编译配置,打包时跳过echarts.js的编译,配置文件是config/index.js,config/prod.js文件中添加如下配置

 mini: {
    ...
    compile: {
      exclude: [
        path.resolve(__dirname, '..', 'src/package1/pages/bim/grow_chart/ec-canvas/echarts.js')
      ]
    },
    webpackChain(chain) {
      chain.merge({
       optimization: {
        splitChunks: {
         cacheGroups: {
          [DeviceEchartsChunkName]: {
           name: DeviceEchartsChunkName,
           priority: 50,
           test(module) {
            return /package1[\\/]pages[\\/]bim[\\/]grow_chart[\\/]ec-canvas[\\/]echarts.js/.test(
             module.resource
            );
           },
          },
         },
        },
       },
      });
    },
    addChunkPages(pages, pagesNames) {
      // pages.set("package1/pages/bim/grow_chart/index", [DeviceEchartsChunkName]);
      pages.set("package1/pages/bim/grow_chart/ec-canvas/ec-canvas", [DeviceEchartsChunkName]);
    }
    ...
  },

使用这种方式是由问题的, 真机预览的时候图标就加载不出来了,

二、 这是最简单快捷的方式,如果你需要绘制的图标类型比较小就很推荐

我们可以到echarts官网去定制echarts.js文件, 定制地址: https://echarts.apache.org/zh/builder.html

勾选你需要的功能,下载下来,然后将ec-canvas/echarts.js的文件替换掉就可以了


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序推送 - 倩倩_qianqian发布时间:2022-07-18
下一篇:
微信小程序之后端如何返回一个列表----Gson发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap