vue build之后dist包反而变大了

Question

这个项目打包前是这样的

打包后

这是打包后的js

第三张图最大的js里面引用了echarts，是按需加载的，配置如下

// 引入 ECharts 主模块
var echarts = require('echarts/lib/echarts');
// 引入柱状图
require('echarts/lib/chart/pie');
// 引入提示框和标题组件
require('echarts/lib/component/title');

这个项目还用了mint-ui，也是按需加载的。需要的时候使用import：

npm install babel-plugin-component -D;
import { Toast, MessageBox } from 'mint-ui';

还使用了路由懒加载：

有一个是静态页面的文件，从20多k打包到100多k，请教一下，怎么打包之后这么大，谢谢

Answer 1

哪是当然的啊，按需加载，又不是不用加载
打包以后，node_modules 下的echarts 和mint-ui等你用到的一些代码就全部包含进去了

Answer 2

很正常的。基本都是这样

Answer 3

用webpack 的 CommonsChunkPlugin 提取公共包

链接描述