鍍金池/ 問答/HTML5  HTML/ vue build之后dist包反而變大了

vue build之后dist包反而變大了

這個項目打包前是這樣的
圖片描述

打包后

圖片描述

這是打包后的js
圖片描述

第三張圖最大的js里面引用了echarts,是按需加載的,配置如下

// 引入 ECharts 主模塊
var echarts = require('echarts/lib/echarts');
// 引入柱狀圖
require('echarts/lib/chart/pie');
// 引入提示框和標(biāo)題組件
require('echarts/lib/component/title');

這個項目還用了mint-ui,也是按需加載的。需要的時候使用import:

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

還使用了路由懶加載:
圖片描述

有一個是靜態(tài)頁面的文件,從20多k打包到100多k,請教一下,怎么打包之后這么大,謝謝

回答
編輯回答
殘淚

哪是當(dāng)然的啊,按需加載,又不是不用加載
打包以后,node_modules 下的echarts 和mint-ui等你用到的一些代碼就全部包含進(jìn)去了

2017年3月2日 05:04
編輯回答
墨沫

很正常的?;径际沁@樣

2017年12月28日 01:33
編輯回答
入她眼

用webpack 的 CommonsChunkPlugin 提取公共包

鏈接描述

2018年2月25日 02:32