玖叶教程网

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

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

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

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

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

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

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

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

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

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

点击查看专栏：拉勾教育《Webpack 原理与实践》见文末了解更多

专栏谁讲的呢？

这个专栏的讲师叫汪磊，是我多年的好友，目前是拉勾资深前端技术专家，入行近十年。曾任某知名电商团队技术总监，主要负责 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 基础，那这个专栏学起来就毫无压力）

点击查看专栏：拉勾教育《Webpack 原理与实践》见文末了解更多

这么好的进阶机会，怎么能错过呢？

点击文末了解更多，订阅专栏： 拉勾教育《Webpack 原理与实践》

版权声明：本文版权归属拉勾教育及该专栏作者，任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表，违者必究。