webpack生成bundle.js文件為什么那么大，會影響加載速度嗎？當(dāng)然，它會比較大，因為不僅打包了您開發(fā)的JavaScript文件，而且打包了依賴項（即那些第三方庫文件），這確實是比較大的。we

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

當(dāng)然，它會比較大，因為不僅打包了您開發(fā)的JavaScript文件，而且打包了依賴項（即那些第三方庫文件），這確實是比較大的。webpack具有解決依賴關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點。與這些軟件工程中迫切需要解決的問題相比，“大”可以通過其他途徑來解決。例如，uglify可以在很大程度上壓縮源代碼并減少其體積?；蛘咄ㄟ^nginx_uucomp_uu2;的gzip，level選項可以設(shè)置從1到9的不同壓縮級別，以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好，也是最常見、最有效的方法反應(yīng).js經(jīng)過uglify，源文件不到200K，如果用nginx壓縮，用戶可以用40K下載，在今天的網(wǎng)絡(luò)環(huán)境下，除非你有準(zhǔn)確的測試結(jié)果，一開始就不需要考慮文件大小的問題。我們不再是那個時代了

1。打包多個頁面的JS文件，讀取Src/views下的目錄，并同意每個目錄應(yīng)視為一個頁面并打包成一個jschunk。2打包多個HTML循環(huán)以生成多個htmlwebpack插件，并將每個插件的塊指向上面打包的jschunks。

webpack打包jQuery項目，項目內(nèi)有多個html頁面？

Webpack將每個模塊的CSS打包到一個方法中webpack.config.js文件配置var extracttextplugin=require（“extract text webpack plugin”）//extract text webpack plugin以安裝插件模塊：{加載程序：[{測試：/。CSS$/，加載程序：ExtractTextPlugin.extract提取（“style loader”，“css loader”）}]}，插件：[new Extracttextplugin（“css/[name]。CSS “）//將生成一個CSS文件]例如，在JS文件中導(dǎo)入“/CSS/Lib/bootstrap.min.css文件“導(dǎo)入.”/css/測試.css"