極客時間出品的《玩轉webpack》由程柳鋒所作,程柳鋒是騰訊高階工程師,IVWEB團隊社群和工程化負責人。本課全方位掌握webpack核心技能和優化策略。用我的邀請購買,還會額外返現12元給你噢。
課程背景
近幾年來,前端領域飛速發展,工作早已不再是切幾張圖,寫幾個頁面那麼簡單,而是需要前端開發者更加專注業務需求。webpack,就是這麼一款工具,將前端不斷出現的新模組、新資源、新需求,進行自動化整合、梳理、輸出,極大提高了我們的工作效率。
同時,<strong>webpack 憑藉著自身社群生態豐富,配置靈活和外掛化擴充套件,官方更新迭代速度快等優點,已成為前端構建領域裡最炙手可熱的構建工具。在 GitHub上,webpack 也擁有著 48.8k 的 star。
可是,不少前端人,對於 webpack 的使用和了解只停留在了 20% 的基礎功能上。每天開發寫 npm run dev,該上線了按 npm run build,執行個命令,webpack 就幫你打包好了。
很多人根本不知道,這整個過程究竟發生了什麼,導致之後出現問題,也無法對症下藥,無從下手。以下這些情景,你肯定或多或少都遇到過:
拿到一份用 vue-cli 和 create-react-app 生成的 webpack 配置,卻不知道它們的含義;
想要深入瞭解 webpack 內部原理,但發現看不懂 webpack 原始碼,也不知該從何下手;
在做專案構建時,遇到速度或體積的問題時,發現自己拿不出一套完善的優化思路;
在社群的外掛和 loader 不滿足實際專案時,卻無法自定義出一個定製化的外掛和 loader,來解決眼下的問題。
其實,掌握 webpack 是具有一定的學習曲線和成本的。如何理解 webpack “一切皆為模組”的打包理念?如何快速掌握 webpack 的構建配置?如何讓 webpack 成為升職加薪利器,而不是成為一名“ webpack 配置工程師”?
程柳鋒,騰訊高階工程師,負責 IVWEB 團隊的社群和工程化。同時,他還在空閒時間開發了「前端工作流和規範工具 Feflow」專案,獲得了“騰訊 2018 年度十佳內部開源專案” 獎項。
在騰訊,他曾主導團隊將 Fis3 構建切換到 webpack4,過程中涉及到多頁面打包、SSR、PWA、Prender 等多種構建場景,和多例項構建、並行壓縮、公共資源分包、tree shaking、動態 Polyfill 等構建策略。
這些經歷,使他對 webpack 構建的打包速度和體積優化有了非常豐富的實戰經驗,同時也對前端工作流和團隊開發規範實施有了深刻的認識。
工欲善其事,必先利其器。跟著學,保證你對 webpack 的掌握可以超過 80% 的前端人,進入一個全新的前端技術棧。
課程亮點
整個課程基於最新版 webpack 4 設計,遵循由淺入深的原則,將內容分為 4 個階段。
基礎篇:從最基礎的知識講起,由淺入深,教你掌握 webpack 的核心概念和開發必備技巧。
進階篇:帶你編寫 webpack 構建配置的同時,輕鬆掌握構建速度和體積的優化策略。
原理篇:抽絲剝繭,通過 webpack 原始碼,讓你瞭解 webpack 內部的執行原理的同時,也具備編寫自定義 loader和外掛的能力。
實戰篇:從一個 Web 商城專案出發,講解 webpack 如何運用到實際的專案中,並且最大化地提升開發階段和釋出階段的構建體驗。
無論你是對 webpack 一無所知的初學者,還是經驗豐富的前端工程師,都能夠通過這個課程,提升對 webpack 的理解,建立屬於你自己的 webpack 知識體系,並在工作中能夠高效的使用 webpack,完成各類前端專案的打包構建工作。
課程收穫
快速掌握基礎技能和進階用法;
熟悉打包速度和體積優化策略;
深入原始碼瞭解打包構建原理;
編寫健壯易維護的 webpack 配置。
我的公眾號:猿人學 Python 上會分享更多心得體會,敬請關注。
***版權申明:若沒有特殊說明,文章皆是猿人學 yuanrenxue.com 原創,沒有猿人學授權,請勿以任何形式轉載。***