webpack vue打包文件過大，該如何解決？如果包太大，我們推薦兩種快速方法：externals external chain third party dependenceexternals是一種

webpack vue打包文件過大，該如何解決？

如果包太大，我們推薦兩種快速方法：

externals external chain third party dependence

externals是一種常見的優(yōu)化方法。在生成時(shí)，依賴項(xiàng)文件與節(jié)點(diǎn)相關(guān)。模塊導(dǎo)入更改為外部鏈接引用（即腳本標(biāo)記CDN加載方法）

使用commonchunkplugin提取公共代碼

我是[front-end rain dad]。你可以跟我來看看前端技術(shù)相關(guān)的文章。

vue-cli中自定義路徑別名assets和static文件夾的區(qū)別？

資產(chǎn)目錄中的文件將由webpack處理并解析為模塊依賴項(xiàng)。只支持相對路徑。例如，在/徽標(biāo).png)

和背景：URL（/徽標(biāo).png)在中間，“/徽標(biāo).png“是一個(gè)相對資源路徑，將由webpack解析為模塊依賴項(xiàng)。

靜態(tài)/目錄中的文件不會由webpack處理：它們將直接復(fù)制到最終打包目錄（默認(rèn)情況下為dist/static）。必須使用絕對路徑引用這些文件，這是通過使用配置.js在文件中build.assetsPublicPath以及build.assets子目錄連接。

現(xiàn)在做web前端是不是必須會小程序開發(fā)？

如果你是一個(gè)有經(jīng)驗(yàn)的前端，了解更多關(guān)于小程序開發(fā)的知識，時(shí)間和精力的成本并不高，而且好處也更多。

從目前的市場來看，小節(jié)目的發(fā)展趨勢越來越強(qiáng)。而小程序的優(yōu)勢更為明顯。例如，你不需要安裝它，你可以立即使用它，節(jié)省流量，節(jié)省安裝時(shí)間，并且不占用桌面。對于用戶來說，只要你是微信用戶，它就會隱藏在你的微信中。當(dāng)你想使用它時(shí)，它會被打開，當(dāng)你不使用它時(shí)，它會被關(guān)閉。這比需要下載并占用手機(jī)內(nèi)存空間的應(yīng)用程序要好。

從推廣的角度來看，小項(xiàng)目可以更高效、更方便地獲取客流。與原生應(yīng)用相比，推廣更簡單、更省錢。當(dāng)然，不僅是微信applet，現(xiàn)在頭條/flick applet的需求量也很大，比如直接把tiktok發(fā)送給小程序。

在我看來，作為中國的專業(yè)前端，小程序開發(fā)是職業(yè)發(fā)展和市場需求的必要技能。從技術(shù)上講，您不需要學(xué)習(xí)更多內(nèi)容，只需要熟悉一種框架。參考這些文件，你可以在一天內(nèi)得到一個(gè)上架的小程序。

PS：目前，市場上有越來越多的小型項(xiàng)目的私人工作。