vue怎么調(diào)用第三方JS插件 webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?
webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?當(dāng)然,它會比較大,因?yàn)椴粌H打包了您開發(fā)的JavaScript文件,而且打包了依賴項(xiàng)(即那些第三方庫文件),這確實(shí)是比較大的。we
webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?
當(dāng)然,它會比較大,因?yàn)椴粌H打包了您開發(fā)的JavaScript文件,而且打包了依賴項(xiàng)(即那些第三方庫文件),這確實(shí)是比較大的。webpack具有解決依賴關(guān)系、多模塊標(biāo)準(zhǔn)支持、多功能插件支持等優(yōu)點(diǎn)。與這些軟件工程中迫切需要解決的問題相比,“大”可以通過其他途徑來解決。例如,uglify可以在很大程度上壓縮源代碼并減少其體積?;蛘咄ㄟ^nginx_uucomp_uu2;的gzip,level選項(xiàng)可以設(shè)置從1到9的不同壓縮級別,以降低網(wǎng)絡(luò)傳輸壓力。兩者混用的效果非常好,也是最常見、最有效的方法反應(yīng).js經(jīng)過uglify,源文件不到200K,如果用nginx壓縮,用戶可以用40K下載,在今天的網(wǎng)絡(luò)環(huán)境下,除非你有準(zhǔn)確的測試結(jié)果,一開始就不需要考慮文件大小的問題。我們不在那個(gè)時(shí)代。以導(dǎo)入jar包的形式引入第三方插件。1) 在項(xiàng)目名稱上單擊鼠標(biāo)右鍵。2) 選擇生成路徑。3) 選擇“添加庫”或“添加外部存檔”。4) 導(dǎo)入jar包。2對于插件項(xiàng)目,目的是使用第三方j(luò)ar包。1) 在插件項(xiàng)目的根目錄中創(chuàng)建一個(gè)新的lib文件夾。2) 放入要導(dǎo)入的jar包。3) 編輯它plug.xml文件4) 在classpath列中,選擇Add to import lib/hsqldb.jarPlug文件-Inproject應(yīng)該特別注意不要添加buildpath,也就是Java項(xiàng)目的方式,否則上面的方法就行不通了