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