淺談webpack打包生成的bundle.js文件過(guò)大的問(wèn)題
更新時(shí)間：2018年02月22日 11:25:49 作者：azureternite
下面小編就為大家分享一篇淺談webpack打包生成的bundle.js文件過(guò)大的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
問(wèn)題
使用webpack進(jìn)行打包時(shí)，發(fā)現(xiàn)bundle.js竟然有2M多。
解決辦法
網(wǎng)上有去除插件、提取第三方庫(kù)、壓縮代碼等方法。
還有一個(gè)比較容易忽略的原因就是開(kāi)了sourcemap
在生產(chǎn)環(huán)境中，應(yīng)使用devtool: false
關(guān)閉sourcemap后bundle.js的大小從2.46M降到302k
以上這篇淺談webpack打包生成的bundle.js文件過(guò)大的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解JavaScript中的類型判斷與類型轉(zhuǎn)換
這篇文章主要給大家講解一下JavaScript中的類型判斷與類型轉(zhuǎn)換的基本概念和使用方法,對(duì)我們的學(xué)習(xí)JavaScript的類型判斷與轉(zhuǎn)換有一定的幫助,需要的朋友可以參考下2023-07-07
基于JavaScript實(shí)現(xiàn)動(dòng)態(tài)雨滴特效
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)動(dòng)態(tài)雨滴特效并且點(diǎn)擊雨滴會(huì)有雨滴爆裂的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
javascript實(shí)現(xiàn)C語(yǔ)言經(jīng)典程序題
這篇文章主要介紹了javascript實(shí)現(xiàn)C語(yǔ)言經(jīng)典程序題的解題思路，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了Array.filter中如何正確使用Async,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
axios利用params/data發(fā)送參數(shù)給springboot?controlle的正確獲取方式
這篇文章主要給大家介紹了關(guān)于axios利用params/data發(fā)送參數(shù)給springboot?controlle的正確獲取方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02
JavaScript在for循環(huán)中綁定事件解決事件參數(shù)不同的情況
響應(yīng)一堆相似的事件，但是每個(gè)事件的參數(shù)都不同，在這種情況下就可以使用JavaScript 在for循環(huán)中綁定事件，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-01-01
js實(shí)現(xiàn)購(gòu)物網(wǎng)站商品放大鏡效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)購(gòu)物網(wǎng)站商品放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
本文介紹了JavaScript中的this關(guān)鍵字在各種情況下的含義，實(shí)例都很簡(jiǎn)單，這樣更能有助于加深理解。雖然這只是js中一個(gè)很小的概念，但借此我們可以了解js中函數(shù)的執(zhí)行環(huán)境，充分掌握this的相關(guān)知識(shí)有助于我們?cè)诰帉?xiě)面向?qū)ο蟮腏avaScript程序時(shí)能夠游刃有余。2016-12-12
JS執(zhí)行控制之節(jié)流模式實(shí)例分析
這篇文章主要介紹了JS執(zhí)行控制之節(jié)流模式,結(jié)合實(shí)例形式分析了節(jié)流模式的功能、原理及相關(guān)使用方法,需要的朋友可以參考下2018-12-12
如何判斷Javascript對(duì)象是否存在的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇如何判斷Javascript對(duì)象是否存在的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05