总结

本章我们学习了 Webpack 的基本用法，掌握了以下几个方面的能力：

1. 理解两种开发模式

• 开发模式：用于日常开发，能自动编译代码并运行项目
• 生产模式：用于项目上线前的构建，会优化、压缩代码，提升性能

2. 熟悉 Webpack 的核心功能

• 默认支持 ES Module 语法（无论是开发还是生产模式）
• 生产模式下还具备 JS 压缩优化能力

3. 掌握配置文件的写法

• Webpack 的 五大核心配置项：
  • entry：入口文件
  • output：输出位置和文件名
  • loader：模块处理器，用于转换不同类型资源
  • plugins：插件，用于扩展 Webpack 的能力
  • mode：指定当前模式（开发 / 生产）
• 了解 devServer 的基本配置，用于本地开发调试

4. 学会基本的命令使用

• webpack：打包项目并生成输出文件
• webpack serve：启动本地开发服务器，代码实时编译、热更新，但不会在硬盘生成打包文件