vue怎么調(diào)用第三方JS插件 webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?
webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?當然,它會比較大,因為不僅打包了您開發(fā)的JavaScript文件,而且打包了依賴項(即那些第三方庫文件),這確實是比較大的。we
webpack生成bundle.js文件為什么那么大,會影響加載速度嗎?
當然,它會比較大,因為不僅打包了您開發(fā)的JavaScript文件,而且打包了依賴項(即那些第三方庫文件),這確實是比較大的。webpack具有解決依賴關(guā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)境下,除非你有準確的測試結(jié)果,一開始就不需要考慮文件大小的問題。我們不在那個時代。以導入jar包的形式引入第三方插件。1) 在項目名稱上單擊鼠標右鍵。2) 選擇生成路徑。3) 選擇“添加庫”或“添加外部存檔”。4) 導入jar包。2對于插件項目,目的是使用第三方j(luò)ar包。1) 在插件項目的根目錄中創(chuàng)建一個新的lib文件夾。2) 放入要導入的jar包。3) 編輯它plug.xml文件4) 在classpath列中,選擇Add to import lib/hsqldb.jarPlug文件-Inproject應(yīng)該特別注意不要添加buildpath,也就是Java項目的方式,否則上面的方法就行不通了