Webpack 4 構建大型項目實踐 / 導讀

本系列文章將從 Webpack 的基礎使用開始，按部就班，最終構建一個完整的前端項目 。本系列文章適宜人羣：

• 工做中用到 Webpack ，但並不關心其配置和打包過程的人

  因爲現在最經常使用的兩個前端框架 react 和 vue 的腳手架都是基於 webpack 實現打包的，因此有很大一羣人都使用着 Webpack 但對其並非很瞭解。當遇到和打包相關的需求，要麼攤攤手，要麼被迫去單點查詢解決方案，但因爲在思路上還不清晰，一般都是困難重重。本系列文章就是對這羣人量身定製，去講解基礎概念和實戰使用，不會太難但頗有用。

• 項目前端負責人

  看起來可能有點奇怪，前面才說過本文只講基礎概念，怎麼又對咱們老油條有用啦！實際上是能夠解釋的，由於本文會構建的實戰項目，在架構上屬於模塊增量升級，（我特地查了一下增量升級相關實現）本文作法屬於孤例且對比起來是有優點的，可能會給你些許的啓發。這種架構同目前各大電商平臺使用的模塊獨立部署相比，訂單模塊、用戶模塊都有各自獨立的子域名，也有必定的優點（好比單頁體驗、技術棧統1、公共資源共享）。

項目構建基於 Webpack 4 ，項目基於 Vue