webpack生成bundle.js文件為什么那么大，會(huì)影響加載速度嗎？當(dāng)然，它會(huì)比較大，因?yàn)椴粌H打包了您開發(fā)的JavaScript文件，而且打包了依賴項(xiàng)（即那些第三方庫(kù)文件），這確實(shí)是比較大的。we

webpack生成bundle.js文件為什么那么大，會(huì)影響加載速度嗎？

當(dāng)然，它會(huì)比較大，因?yàn)椴粌H打包了您開發(fā)的JavaScript文件，而且打包了依賴項(xiàng)（即那些第三方庫(kù)文件），這確實(shí)是比較大的。webpack具有解決依賴關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點(diǎn)。與這些軟件工程中迫切需要解決的問(wèn)題相比，“大”可以通過(guò)其他途徑來(lái)解決。例如，uglify可以在很大程度上壓縮源代碼并減少其體積?；蛘咄ㄟ^(guò)nginx_uucomp_uu2;的gzip，level選項(xiàng)可以設(shè)置從1到9的不同壓縮級(jí)別，以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好，也是最常見、最有效的方法反應(yīng).js經(jīng)過(guò)uglify，源文件不到200K，如果用nginx壓縮，用戶可以用40K下載，在今天的網(wǎng)絡(luò)環(huán)境下，除非你有準(zhǔn)確的測(cè)試結(jié)果，一開始就不需要考慮文件大小的問(wèn)題。我們不再是那個(gè)時(shí)代了gulpcodingdict.com/article/7496它以流的形式實(shí)現(xiàn)多個(gè)依賴任務(wù)，其功能是處理任務(wù)依賴和任務(wù)流。Webpack主要用于打包前端資源，將模塊化JS打包成單個(gè)文件（或少量公共文件）。不可能完全互相替換。

為什么要大口喝？

優(yōu)點(diǎn)

gulp有哪些功能是webpack不能替代的？

所謂打包就是合并壓縮多個(gè)JS文件。我們?yōu)槭裁匆虬恳驗(yàn)樵贘S合并之后，前端JS可以減少JS引用的數(shù)量和數(shù)量。較少的JS加載相對(duì)較快。你覺(jué)得為什么體積會(huì)減少，因?yàn)楝F(xiàn)在流行的打包工具，比如webpack，在打包的過(guò)程中不僅可以簡(jiǎn)單的把多個(gè)JS文件合并成一個(gè)文件，而且可以壓縮更多的JS文件，比如刪除無(wú)效的空格，替換長(zhǎng)的變量名函數(shù)名等等，最后讓你的JS文件變小。

如果地基不牢，地球就會(huì)震動(dòng)。好吧，讓我們先精通JavaScript。就像任何一種語(yǔ)言都感覺(jué)像公牛一樣，但它仍然回到了C語(yǔ)言、匯編語(yǔ)言，最后是機(jī)器語(yǔ)言。

怎么理解js所謂的打包？

在安裝webpack和其他組件之前，建議先安裝webpack節(jié)點(diǎn).js，然后在NPM:NPM install webpack-g中安裝webpack因?yàn)槭褂昧薬ngular，所以需要安裝angular:NPM install angular并安裝一系列l(wèi)oader:NPM install style loader