Webpack原理与实践

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

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。理解同类方案中的差异点，让你在应对不同项目和需求时有更多选择。

开篇词：Webpack 现代化前端应用的基石
第01讲：Webpack 究竟解决了什么问题？
第02讲：如何使用 Webpack 实现模块化打包？
第03讲：如何通过 Loader 实现特殊资源加载？
第04讲：如何利用插件机制横向扩展 Webpack 的构建能力？
第05讲：探索 Webpack 运行机制与核心工作原理
加餐：Vue.js 3.0 到底带来了哪些变化？
第06讲：如何使用 Dev Server 提高你的本地开发效率？
第07讲：如何配置 Webpack SourceMap 的最佳实践？
第08讲：如何让你的模块支持热替换（HMR）机制？
第09讲：玩转 Webpack 高级特性应对项目优化需求（上）
第10讲：玩转 Webpack 高级特性应对项目优化需求（下）
第11讲：如何优化 Webpack 的构建速度和打包结果？
第12讲：如何选择打包工具：Rollup 和 Webpack ？
第13讲：如何使用 Parcel 零配置完成打包任务？
结束彩蛋：资深前端工程师培养计划