經過最近幾年的爆炸式發展，前端早已不是簡單的頁面開發了，想要在
現代化前端開發工作中有足夠的開發效率，你一定離不開 Webpack 相關技術棧。
Webpack 是一款模塊打包工具。它通過“萬物皆模塊”這種設計思想，巧妙地實現了整個前端項目的模塊化。在 Webpack 的理念中，前端項目中的任何資源都可以作為一個模塊，任何模塊都可以經過 Loader 機制的處理，最終再被打包到一起。
毫不誇張的說，Webpack 是區分開發人員優秀與否的分水嶺！
一方面，前端面試中你一定會遇到 Webpack。
很多前端人的簡歷，大部分都洋洋灑灑地寫著 Vue.js、React 這樣的主流框架，但深挖這類框架開發時用到的基礎設施，不少人都會大腦空白。
其實在面試中，面試官更在意的是：你在工作時遇到問題，能否快速定位和解決，而這些能力都需要你對底層和基礎足夠了解。所以前端面試官一定會考 Webpack，來驗證你是否具有一定的技術潛力。
另外一方面，僅僅會腳手架的人，是毫無競爭力的。
如果你的目標是成為高級前端，那你在團隊一定擁有獨當一面的能力，不論是框架還是解決方案，Webpack 的思想和能力都至關重要。成為團隊中少數吃透 Webpack 的前端開發，才能承擔更大的責任。
但根據我的瞭解，Webpack 雖然火了有一陣，很多人使用的時候還是一頭霧水，各種配置、Loader、plugin 讓人暈頭轉向。
如果你也這樣，為你推薦由拉勾教育出品的「Webpack 原理與實踐」專欄。將帶你更深度、更全面地認識 Webpack，建立對 Webpack 整體的知識體系，掌握自定義和擴展 Webpack 的方法和技巧，更高效地使用 Webpack 解決實際項目開發中的需求和問題。把現有的知識打包，讓你成為真正的前端高手。
點擊查看專欄：拉勾教育《Webpack 原理與實踐》見文末了解更多
專欄誰講的呢？
這個專欄的講師叫汪磊，是我多年的好友，目前是拉勾資深前端技術專家，入行近十年。曾任某知名電商團隊技術總監，主要負責 C 端產品開發和技術規劃。精通 Node.js、中間層解決方案、工程化、多端統一開發，也是國內最早一批的小程序開發人員。
這個專欄會講啥？
專欄整體基於 Webpack 最新的 v4.42.1 版本展開，按照深入淺出、全面體系化的風格進行介紹。為了方便學習還分為了 4 個模塊：
- 模塊化及模塊化標準：包括模塊化所解決的問題、模塊化標準的演進過程、ES Modules 標準規範。希望你通過這個模塊，能夠了解 Webpack 這類工具解決的到底是什麼問題。
- Webpack 核心知識：包括基本特性、配置方式、工作模式、基本工作原理、Loader 機制、插件機制。希望你學習完這個模塊，能夠完全掌握 Webpack 的基本使用，理解 Webpack 打包過程和打包結果的工作原理，同時也能夠自己開發 Webpack 的 Loader 和插件。
- Webpack 高階內容：包括 Source Map、模塊熱替換（HMR）機制、Proxy、Webpack Dev Server 等周邊技能的使用，以及 Tree-shaking、sideEffects、Code Spliting 等高級特性的實踐，再有就是常用優化插件、三種 hash 的最佳實踐、打包速度優化。以更於你能更熟練地使用 Webpack 的高級特性，為開發效率添磚加瓦。
- 其他同類優秀方案：Rollup、Parcel。希望通過這個模塊的介紹，讓你能夠了解到一些 Webpack 同類的優秀方案，以及它們設計上的不同，這些都能夠讓你在工作中應對不同的項目、不同的需求時可以有更多的選擇。
（只要你可以掌握 JavaScript 編程，瞭解一些 Node.js 基礎，那這個專欄學起來就毫無壓力）
點擊查看專欄：拉勾教育《Webpack 原理與實踐》見文末了解更多
這麼好的進階機會，怎麼能錯過呢？
點擊文末了解更多，訂閱專欄： 拉勾教育《Webpack 原理與實踐》
版權聲明：本文版權歸屬拉勾教育及該專欄作者，任何媒體、網站或個人未經本網協議授權不得轉載、鏈接、轉貼或以其他方式複製發佈/發表，違者必究。
