Webpack原理與實踐資源簡介
本專欄將從基礎知識開始,帶你建立對Webpack的整體認知,讓你掌握自定義和擴展Webpack的方法與技巧。不論是面試還是解決實際問題,都能為你提供解決方案,14講助你成為前端高手。
專欄基于 Webpack 最新的 v4.42.1 版本展開,劃分為 4 個模塊
① 模塊化及模塊化標準 包括模塊化所解決的問題、模塊化標準的演進過程、ES Modules 標準規范。通過這個模塊,你會對 Webpack 和它能解決的問題有更深入的理解。
② Webpack 核心知識 包括工作模式、Loader 機制、插件機制等。這個部分讓你完全掌握 Webpack的基本使用,理解打包過程和結果的工作原理,甚至自己開發 Loader 和插件。
③ Webpack 高階內容 包括 Source Map、Proxy 等周邊技能的使用,以及 Tree-shaking、sideEffects 等高級特性的實踐,掌握這個部分,你就掌握了 Webpack 的高級特性,為開發效率添磚加瓦。
④ 其他同類優秀方案 Rollup、Parcel。理解同類方案中的差異點,讓你在應對不同項目和需求時有更多選擇。
課程目錄
[2260] 開篇詞Webpack 現代化前端應用的基石.mp4
[2261] 第01講Webpack 究竟解決了什么問題?.mp4
[2262] 第02講如何使用 Webpack 實現模塊化打包?.mp4
[2263] 第03講如何通過 Loader 實現特殊資源加載?.mp4
[2264] 第04講如何利用插件機制橫向擴展 Webpack 的構建能力?.mp4
[2265] 第05講探索 Webpack 運行機制與核心工作原理.mp4
[2266] 第06講如何使用 Dev Server 提高你的本地開發效率?.mp4
[2267] 第07講如何配置 Webpack SourceMap 的最佳實踐?.mp4
[2268] 第08講如何讓你的模塊支持熱替換(HMR)機制?.mp4
[2269] 第09講玩轉 Webpack 高級特性應對項目優化需求(上).mp4
[3336] 第10講玩轉 Webpack 高級特性應對項目優化需求(下).mp4
[2270] 第11講如何優化 Webpack 的構建速度和打包結果?.mp4
[2271] 第12講如何選擇打包工具Rollup 和 Webpack ?.mp4
[2272] 第13講如何使用 Parcel 零配置完成打包任務?.mp4
[2273] 結束彩蛋資深前端工程師培養計劃.mp4
[3129] 加餐Vue.j 3.0 到底帶來了哪些變化?.mp4