用 Webpack 给自己“打包”，争取做个前端高手

*慢慢看，中间有 1 元福利可以领取，不谢！ 

经过最近几年的爆炸式发展，前端早已不是简单的页面开发了，想要在现代化前端开发工作中有足够的开发效率，你一定离不开 Webpack 相关技术栈。 

               

Webpack 是一款模块打包工具。它通过“万物皆模块”这种设计思想，巧妙地实现了整个前端项目的模块化。在 Webpack 的理念中，前端项目中的任何资源都可以作为一个模块，任何模块都可以经过 Loader 机制的处理，最终再被打包到一起。

毫不夸张的说，Webpack 是区分开发人员优秀与否的分水岭！

一方面，前端面试中你一定会遇到 Webpack。

很多前端人的简历，大部分都洋洋洒洒地写着 Vue.js、React 这样的主流框架，但深挖这类框架开发时用到的基础设施，不少人都会大脑空白。

其实在面试中，面试官更在意的是：你在工作时遇到问题，能否快速定位和解决，而这些能力都需要你对底层和基础足够了解。所以前端面试官一定会考 Webpack，来验证你是否具有一定的技术潜力。

             

另外一方面，仅仅会脚手架的人，是毫无竞争力的。

如果你的目标是成为高级前端，那你在团队一定拥有独当一面的能力，不论是框架还是解决方案，Webpack 的思想和能力都至关重要。成为团队中少数吃透 Webpack 的前端开发，才能承担更大的责任。

但根据我的了解，Webpack 虽然火了有一阵，很多人使用的时候还是一头雾水，各种配置、Loader、plugin 让人晕头转向。

如果你也这样，为你推荐由拉勾教育出品的「Webpack 原理与实践」专栏。将带你更深度、更全面地认识 Webpack，建立对 Webpack 整体的知识体系，掌握自定义和扩展 Webpack 的方法和技巧，更高效地使用 Webpack 解决实际项目开发中的需求和问题。把现有的知识打包，让你成为真正的前端高手。

Tips：专栏原价 ¥ 48，今日仅需 ¥ 1 且可永久观看。 

             

专栏谁讲的呢？

这个专栏的讲师叫汪磊，是我多年的好友，目前是拉勾资深前端技术专家，入行近十年。曾任某知名电商团队技术总监，主要负责 C 端产品开发和技术规划。精通 Node.js、中间层解决方案、工程化、多端统一开发，也是国内最早一批的小程序开发人员。

只有这样的讲师，我才敢把课程推荐给你。

这个专栏会讲啥？

专栏整体基于 Webpack 最新的 v4.42.1 版本展开，按照深入浅出、全面体系化的风格进行介绍。为了方便学习还分为了 4 个模块：

• 模块化及模块化标准：包括模块化所解决的问题、模块化标准的演进过程、ES Modules 标准规范。希望你通过这个模块，能够了解 Webpack 这类工具解决的到底是什么问题。

• Webpack 核心知识：包括基本特性、配置方式、工作模式、基本工作原理、Loader 机制、插件机制。希望你学习完这个模块，能够完全掌握 Webpack 的基本使用，理解 Webpack 打包过程和打包结果的工作原理，同时也能够自己开发 Webpack 的 Loader 和插件。

• Webpack 高阶内容：包括 Source Map、模块热替换（HMR）机制、Proxy、Webpack Dev Server 等周边技能的使用，以及 Tree-shaking、sideEffects、Code Spliting 等高级特性的实践，再有就是常用优化插件、三种 hash 的最佳实践、打包速度优化。以更于你能更熟练地使用 Webpack 的高级特性，为开发效率添砖加瓦。

• 其他同类优秀方案：Rollup、Parcel。希望通过这个模块的介绍，让你能够了解到一些 Webpack 同类的优秀方案，以及它们设计上的不同，这些都能够让你在工作中应对不同的项目、不同的需求时可以有更多的选择。

（只要你可以掌握 JavaScript 编程，了解一些 Node.js 基础，那这个专栏学起来就毫无压力） 

          

限时福利 ① 

4月21日 晚24点前

仅需1 元 

原价48元  可永久收看

             

限时福利 ② 

4月25日前，购买专栏可加入社群获得以下福利： 

① 讲师交流：订阅后可加入「 讲师交流群 」与讲师直面交流（点击阅读原文进群）

② 课程资料：进群后领取 「 Webpack 课程 PPT 」 

            

③ 专属直播：4月22日社群专属直播「 Vue.js 3.0 Beta 的变与不变 」 

             

点击「阅读原文」凭订阅截图，获得进群方式