作者：陆荣涛
陆荣涛交流QQ群：248696281（获取视频及资料）欢迎大家加入。
公众号：大前端私房菜
B站账号：https://space.bilibili.com/146668655
https://space.bilibili.com/256505729
在讲述本节课程之前，我们先来思考一个问题：
为什么学习webpack?
如果你尚没有接触过webpack，那么你对构建和打包的概念恐怕是模糊不清的。 你可能更习惯使用开箱即用的脚手架来生成你的项目配置，或者迭代着某个项目的业务，却对它的开发/生产环境搭建知之甚少。
要知道，前端架构最重要的点就在于前端工程化，而webpack则是我们搭建前端工程化环境的一个技术选型。
那么为什么是webpack呢?
在github上搜索webpack的时候，repositories的数量是157k。
事实上，无论是开源项目还是企业项目，最主流的前端工程化方案的技术选型都是webpack。 而全新版本的webpack5，则是具备了比以往版本更强大的功能，甚至是诸多企业级前端工程化技术选型的不二选择。
学习webpack5需要什么前提？
在学习本课程之前，期望你能具备前端的基础知识如html，css，es6+。如果对nodejs和工程化有一定了解的话，那就更好不过了。
在本课程中，我们将通过前后呼应的demo来一步步从0到1地进行webpack5教学，在课程后期我们也将学到更低层的原理知识。从而做到知其然并知其所以然的精熟掌握程度。
webpack5课程适用于有一定前端知识基础的前端学习者及从业者——比如中高级前端工程师。如果你对webpack不甚了解，但又经常接触webpack配置相关的项目，那么毫无疑问，你此时正需要学习它。
接下来我们了解下我们的webpack5课程安排: 我们的webpack5课程分为四大部分，分别是webpack基础应用篇，webpack高级应用篇，webpack项目实战篇以及webpack内部原理篇。 (配图) 其中，在基础应用篇我们将学习到webpack的基础配置方案，掌握webpack的各种基础配置项所对应的功能。 而在高级应用篇，我们将具体分析webpack的每个配置项，以及按需集成工程化模块，从而掌握定制项目配置的手段。 在项目应用篇中，我们将结合具体的项目案例，通过应用我们之前学到的webpack技术，来定制项目的工程化环境。真切地做到学以致用。 最后在内部原理篇中，我们将对webpack进行内部原理剖析，掌握webpack打包技术的底层实现。
学习本课程后，会获得那些收获？
- 首先通过本课程，你将学会webpack配置，并拥有工程化的前端思维，理解webpack在前端工程化领域的作用及原理。
- 你将能够参与项目的打包配置，从工程化层面来优化开发环境、项目性能，落地面向前端业务的技术方案。
- 学习了webpack，我们就具备了面向前端架构的核心竞争力。
最后，就让我们正式进入到webpack5的学习课程。
