玩转 webpack

全方位掌握 webpack 核心技能和优化策略 程柳锋 腾讯高级工程师，IVWEB 团队社区和工程化负责人

你将获得

• 快速掌握基础技能和进阶用法；
• 熟悉打包速度和体积优化策略；
• 深入源代码了解打包构建原理；
• 编写健壮易维护的 webpack 配置。

课程介绍

近几年来，前端领域飞速发展，工作早已不再是切几张图，写几个页面那么简单，而是需要前端开发者更加专注业务需求。webpack，就是这么一款工具，将前端不断出现的新模块、新资源、新需求，进行自动化整合、梳理、输出，极大提高了我们的工作效率。

同时，webpack 凭借着自身社区生态丰富，配置灵活和插件化扩展，官方更新迭代速度快等优点，已成为前端构建领域里最炙手可热的构建工具。在 GitHub 上，webpack 也拥有着 48.8k 的 star。

可是，不少前端人，对于 webpack 的使用和了解只停留在了 20% 的基础功能上。每天开发写 npm run dev，该上线了按 npm run build，执行个命令，webpack 就帮你打包好了。

很多人根本不知道，这整个过程究竟发生了什么，导致之后出现问题，也无法对症下药，无从下手。以下这些情景，你肯定或多或少都遇到过：

1.拿到一份用 vue-cli 和 create-react-app 生成的 webpack 配置，却不知道它们的含义； 2.想要深入了解 webpack 内部原理，但发现看不懂 webpack 源码，也不知该从何下手； 3.在做项目构建时，遇到速度或体积的问题时，发现自己拿不出一套完善的优化思路； 4.在社区的插件和 loader 不满足实际项目时，却无法自定义出一个定制化的插件和 loader，来解决眼下的问题。

课程设计

整个专栏分为 4 个模块。

基础篇

• 从最基础的知识讲起，由浅入深，教你掌握 webpack 的核心概念和开发必备技巧。

进阶篇

• 带你编写 webpack 构建配置的同时，轻松掌握构建速度和体积的优化策略。

原理篇

• 抽丝剥茧，通过 webpack 源码，让你了解 webpack 内部的运行原理的同时，也具备编写自定义 loader 和插件的能力。

实战篇

• 从一个 Web 商城项目出发，讲解 webpack 如何运用到实际的项目中，并且最大化地提升开发阶段和发布阶段的构建体验。

资源下载 (opens new window)提取码：http://dt4.8tupian.net/2/29369a14b200.pg1