webpack5学习指南（持续更新）

〇、课程介绍

讲师：千锋教育–古艺散人

公众号：大前端私房菜
回复：webpack5
获取webpack课程导图

---

在讲述本节课程之前，我们先来思考一个问题：

为什么学习webpack?

如果你尚没有接触过webpack，那么你对构建和打包的概念恐怕是模糊不清的。
你可能更习惯使用开箱即用的脚手架来生成你的项目配置，或者迭代着某个项目的业务，却对它的开发/生产环境搭建知之甚少。

要知道，前端架构最重要的点就在于前端工程化，而webpack则是我们搭建前端工程化环境的一个技术选型。

那么为什么是webpack呢?

在github上搜索webpack的时候，repositories的数量是157k。

事实上，无论是开源项目还是企业项目，最主流的前端工程化方案的技术选型都是webpack。
而全新版本的webpack5，则是具备了比以往版本更强大的功能，甚至是诸多企业级前端工程化技术选型的不二选择。

0.1 学习前提

学习webpack5需要什么前提？

在学习本课程之前，期望你能具备前端的基础知识如html，css，es6+。如果对nodejs和工程化有一定了解的话，那就更好不过了。

0.2 授课方式

在本课程中，我们将通过前后呼应的demo来一步步从0到1地进行webpack5教学，在课程后期我们也将学到更低层的原理知识。从而做到知其然并知其所以然的精熟掌握程度。

0.3 课程受众

webpack5课程适用于有一定前端知识基础的前端学习者及从业者——比如中高级前端工程师。如果你对webpack不甚了解，但又经常接触webpack配置相关的项目，那么毫无疑问，你此时正需要学习它。

0.4 课程安排

接下来我们了解下我们的webpack5课程安排:
我们的webpack5课程分为四大部分，分别是webpack基础应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。
(配图)
其中，在基础应用篇我们将学习到webpack的基础配置方案，掌握webpack的各种基础配置项所对应的功能。
而在高级应用篇，我们将具体分析webpack的每个配置项，以及按需集成工程化模块，从而掌握定制项目配置的手段。
在项目应用篇中，我们将结合具体的项目案例，通过应用我们之前学到的webpack技术，来定制项目的工程化环境。真切地做到学以致用。
最后在内部原理篇中，我们将对webpack进行内部原理剖析，掌握webpack打包技术的底层实现。

0.5 课程收获

学习本课程后，会获得那些收获？

1. 首先通过本课程，你将学会webpack配置，并拥有工程化的前端思维，理解webpack在前端工程化领域的作用及原理。
2. 你将能够参与项目的打包配置，从工程化层面来优化开发环境、项目性能，落地面向前端业务的技术方案。
3. 学习了webpack，我们就具备了面向前端架构的核心竞争力。

最后，就让我们正式进入到webpack5的学习课程。