0. webpack-前导课程

1. 课程定位

Webpack 内容很多，知识点很杂。Webpack 实质上就是一个工具，当我们到公司中做开发的时候，还不会直接使用它。但是，我们后续有两大重要的框架需要学习，一个是 Vue，一个是 React。这两个框架都有自己的脚手架工具。无论是 Vue 还是 React，它们在搭建工程的时候，都可能会使用到 Webpack。

我们学习这门课的目的，就是为了在后面学习 Vue 和 React 的脚手架工具的时候，能够理解它是怎么将工程给搭建出来的。只有在理解的基础上，再根据自己的理解来改动里面的相关配置。

在开发的时候，我们一般都不会自己动手来搭建工程，大多都是使用别人用 Webpack 搭建好的。

综上，课程定位就是：学习前端是如何实现工程化的。

2. 如何学习

不需要去记一些第三方库的名字，以及它们的 api。核心在于理解它们里面的一些理念，比如：

• CSS 预编译器
• 兼容性处理
• 优化
• …

3. 版本问题

工具这种东西，版本变动很快。课程在录制的时候是：Webpack4，目前最新的是 Webpack5。版本变动，可能会导致一些 api 的变动，但是理念依旧是差不多的。为了在学习过程中避免由于版本不同而导致测试结果出问题的情况发生，所以在学习的时候，就安装和袁老一样的版本即可。

🤔 如何确保安装的包的版本和袁老一致？

将 package.json 和 package-lock.json 这两个文件给拷贝到测试用例的根目录下，然后在终端执行命令：npm i 即可。