mpvue——引入echarts打包vendor过大

有一个项目需要引入图表，当时有两种选择一种是mpvue-echarts，一种是F2，而我经过踩坑之后依然决然的选择了mpvue-echarts，简单快捷容易上手，主要之前用过比较熟悉。

import * as echarts from 'echarts/dist/echarts.min'

引入后再打包少了2M左右但是还是大啊,查看了webpack后发现,因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件

修改build目录下 的webpack.dev.conf.js配置文件

var UglifyJsPlugin = require('uglifyjs-webpack-plugin') new UglifyJsPlugin({ sourceMap: true })

 我是觉得还是大了好多，小程序独立包又限制2M,好尴尬吧，所以我们要尽量去控制属性的吧
 辣么 定制化官方echarts来了

勾选需要的组件压缩echarts.js然后去下载
 

 实例下载肯定是最大包的，我这只需要折线，所以我需要引用echarts时替换掉就阔以了,

# 替换 echarts.min.js 文件

需要修改 node_modules 中 echarts -> dist -> echarts.min.js,

用项目里 第三方库定制化的 echarts.min.js替换原有

 最重要的一点差点忘了，

 resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      vue: 'mpvue',
      '@': resolve('src'),
      echarts: 'echarts/dist/echarts.min',
      flyio: 'flyio/dist/npm/wx',
      wx: resolve('src/utils/wx')
    },
    symlinks: false,
    aliasFields: ['mpvue', 'weapp', 'browser'],
    mainFields: ['browser', 'module', 'main']
  },

引入就有指向了，也阔以直接替换echarts.js 就省事了 不用处理了