Taro小程序中使用ec-charts包體積過大

在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的文件替換掉就可以了