淺談webpack打包生成的bundle.js文件過大的問題
更新時間：2018年02月22日 11:25:49 作者：azureternite
下面小編就為大家分享一篇淺談webpack打包生成的bundle.js文件過大的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
問題
使用webpack進(jìn)行打包時，發(fā)現(xiàn)bundle.js竟然有2M多。
解決辦法
網(wǎng)上有去除插件、提取第三方庫、壓縮代碼等方法。
還有一個比較容易忽略的原因就是開了sourcemap
在生產(chǎn)環(huán)境中，應(yīng)使用devtool: false
關(guān)閉sourcemap后bundle.js的大小從2.46M降到302k
以上這篇淺談webpack打包生成的bundle.js文件過大的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JsDoc Toolkit 是一個把js描述格式化成文檔的工具。開發(fā)者只需按JsDoc的規(guī)范寫好注釋就可以很方便導(dǎo)出文檔。它是google 推薦的 JsDoc生成工具。2011-02-02
本篇文章主要是對js與jquery獲取父元素,刪除子元素的兩種不同方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
一個對于js this關(guān)鍵字的問題...2007-01-01
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)彈窗猜數(shù)字游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
今天小編就為大家分享一篇layui表格 列自動適應(yīng)大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了解決URL地址中的中文亂碼問題的辦法的相關(guān)資料,需要的朋友可以參考下2017-02-02
通過JS 獲取Mouse Position(鼠標(biāo)坐標(biāo))的代碼
最近我發(fā)現(xiàn)在webpage中獲取空間的絕對坐標(biāo)時，如果有滾動條就會有錯，后來用無名發(fā)現(xiàn)的方法得以解決。2009-09-09
隨機(jī)生成10個不重復(fù)的0-100的數(shù)字(實例講解)
下面小編就為大家?guī)硪黄S機(jī)生成10個不重復(fù)的0-100的數(shù)字(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
IE6、IE7、IE8 JS控制顯示隱藏兼容問題2010-04-04
這篇文章主要介紹了js獲取form的方法,實例分析了javascript操作form表單的技巧,需要的朋友可以參考下2015-05-05