资源简介

课程背景
经过最近几年的爆炸式发展，前端已经绝不再是简简单单的页面开发了，从最初的“切图仔”，到现在已经能够独立驱动整个业务，这就需要引入更多的思想、框架和工具，更对前端人提出了更高的要求。

Webpack 作为一款模块打包工具。通过“万物皆模块”的设计思想，巧妙地实现了整个前端项目的模块化。 节省了前端开发的效率，基本成为各家大厂前端的必备工具，但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。理解同类方案中的差异点，让你在应对不同项目和需求时有更多选择。

老师简介
行痴 拉勾资深前端技术专家

曾任某知名电商企业技术总监，主导 C 端产品开发和技术规划。他精通各类企业级前端技术与业务解决方案，具有丰富的 Node.js 平台、中间层解决方案、工程化、多端统一开发经验。此外，他还是国内最早一批微信小程序开发人员，热衷于开源事业，并为多个开源项目贡献代码。

学习收获
掌握 Webpack 的使用及相关配置
拆解 Loader、插件等机制的核心原理
解析 Webpack 优化手段和技巧实践
4大模块，从零开始熟练使用 Webpack

资源目录

目录：/006-Webpack原理与实践 [4.7G]
      ├──第01讲：Webpack 究竟解决了什么问题？_2261 [250.7M]
      │    └──第01讲：Webpack 究竟解决了什么问题？.mp4 [250.7M]
      ├──第02讲：如何使用 Webpack 实现模块化打包？_2262 [331.5M]
      │    └──第02讲：如何使用 Webpack 实现模块化打包？.mp4 [331.5M]
      ├──第03讲：如何通过 Loader 实现特殊资源加载？_2263 [281.4M]
      │    └──第03讲：如何通过 Loader 实现特殊资源加载？.mp4 [281.4M]
      ├──第04讲：如何利用插件机制横向扩展 Webpack 的构建能力？_2264 [277.5M]
      │    └──第04讲：如何利用插件机制横向扩展 Webpack 的构建能力？.mp4 [277.5M]
      ├──第05讲：探索 Webpack 运行机制与核心工作原理_2265 [348.3M]
      │    └──第05讲：探索 Webpack 运行机制与核心工作原理.mp4 [348.3M]
      ├──第06讲：如何使用 Dev Server 提高你的本地开发效率？_2266 [203.8M]
      │    └──第06讲：如何使用 Dev Server 提高你的本地开发效率？.mp4 [203.8M]
      ├──第07讲：如何配置 Webpack SourceMap 的最佳实践？_2267 [371.9M]
      │    └──第07讲：如何配置 Webpack SourceMap 的最佳实践？.mp4 [371.9M]
      ├──第08讲：如何让你的模块支持热替换（HMR）机制？_2268 [329.8M]
      │    └──第08讲：如何让你的模块支持热替换（HMR）机制？.mp4 [329.8M]
      ├──第09讲：玩转 Webpack 高级特性应对项目优化需求（上）_2269 [257.8M]
      │    └──第09讲：玩转 Webpack 高级特性应对项目优化需求（上）.mp4 [257.8M]
      ├──第10讲：玩转 Webpack 高级特性应对项目优化需求（下）_3336 [192.9M]
      │    └──第10讲：玩转 Webpack 高级特性应对项目优化需求（下）.mp4 [192.9M]
      ├──第11讲：如何优化 Webpack 的构建速度和打包结果？_2270 [175.8M]
      │    └──第11讲：如何优化 Webpack 的构建速度和打包结果？.mp4 [175.8M]
      ├──第12讲：如何选择打包工具：Rollup 和 Webpack ？_2271 [152.2M]
      │    └──第12讲：如何选择打包工具：Rollup 和 Webpack ？.mp4 [152.2M]
      ├──第13讲：如何使用 Parcel 零配置完成打包任务？_2272 [96.8M]
      │    └──第13讲：如何使用 Parcel 零配置完成打包任务？.mp4 [96.8M]
      ├──加餐：Vue.j 3.0 到底带来了哪些变化？_3129 [1.2G]
      │    └──加餐：Vue.j 3.0 到底带来了哪些变化？.mp4 [1.2G]
      ├──结束彩蛋：资深前端工程师培养计划_2273 [251.2M]
      │    └──结束彩蛋：资深前端工程师培养计划.mp4 [251.2M]
      └──开篇词：Webpack 现代化前端应用的基石_2260 [157.7M]
            └──开篇词：Webpack 现代化前端应用的基石.mp4 [157.7M]

资源下载