总结 #

本章节我们学会了 Webpack 基本使用，掌握了以下功能：

1. 两种开发模式

• 开发模式：代码能编译自动化运行
• 生产模式：代码编译优化输出

2. Webpack 基本功能

• 开发模式：可以编译 ES Module 语法
• 生产模式：可以编译 ES Module 语法，压缩 js 代码

3. Webpack 配置文件

• 5 个核心概念
  • entry
  • output
  • loader
  • plugins
  • mode
• devServer 配置

4. Webpack 脚本指令用法

• webpack 直接打包输出
• webpack serve 启动开发服务器，内存编译打包没有输出