1 路由懶加載
將組件的引用方式改為異步, 這樣webpack會(huì)把非首頁的頁面分隔開, 減小app.js的體積

2 看一下在生產(chǎn)環(huán)境是否開啟了sourceMap 如果有 關(guān)掉,這個(gè)能極大減小文件的體積

如果產(chǎn)品在公共網(wǎng)絡(luò)，可以考慮把 vendor.js 的依賴去掉，從 CDN 加載，比如 staticfile.org 或者 cdnjs.com，這樣可以省去不少時(shí)間。

然后就是把 sourcemap 去掉，如樓上所說。

根據(jù)我的經(jīng)驗(yàn)，可以把以下幾點(diǎn)都優(yōu)化下：

1. 啟用代碼壓縮插件UglifyJsPlugin -- 壓縮后通常文件大小能減少50%以上。
2. 一些基本不變的大庫，比如vue.js和element-ui，都直接寫個(gè)<script>標(biāo)簽用他們預(yù)構(gòu)建的版本（比如vue.js用<script src="http:////cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.min.js"></script>），然后要在webpack里面配置externals讓Vue從全局變量中加載 -- 而不要讓webpack重新再打包一份。
3. 有些不是首屏的內(nèi)容可以考慮使用AMD的方式異步加載（webpack里面直接用require("xxx").then(xxx => {...})就可以了）。
4. 生成環(huán)境建議把所有js、css和圖片都放CDN上，并注意通過版本號或文件名來刷新CDN緩存。
5. 無用代碼請及時(shí)刪除 -- 見過有人import了一堆模塊，結(jié)果很多都沒用，又不刪，結(jié)果構(gòu)建出來的js超大！
6. 盡量使用es模塊（即import和export的方式），而不要用node的模塊（require和module.exports的方式）。
7. 如果可以，請升級到最新版本的webpack.