Webpack 設定檔配置(5) Mode

介紹Mode的用途

FizzyElt
FizzyElt
Jan 14 · 2 min read

這次我們依照慣例去找官方文檔如何解釋Mode的用途,了解這東西誕生的真正原因才能懂得如何運用。

https://webpack.js.org/concepts/#mode

"通過將mode參數設置為development,production或none,可以啟用與每個環境相對應的webpack內置優化,默認值為production。",這段話似乎沒解釋到什麼,那我們就實際來操作看看有什麼變化。

我分別使用development跟production做打包,讓我們觀察程式碼有什麼變化。

development
production

看來差別在於一個有被壓縮過一個沒被壓縮過,但事情好像沒那麼簡單,官網有對mode做解析兩者之間到底差在哪,兩種模式都各自預設了一些設定,內容大多都是針對檔案壓縮處理的設定,如果有特殊需求再來研究也不遲。https://webpack.js.org/configuration/mode/

FizzyElt

Written by

FizzyElt

一位前端技術追求者,要自己畫流程圖才能理解程式的人

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade