Webpack 是前端工程化的核心工具之一,它的核心目标是将前端项目中的各种资源(JS、CSS、图片等)高效打包成浏览器可运行的静态文件。以下是系统化的解答:
一、Webpack 是什么?
1. 定义
Webpack 是一个 静态模块打包工具(Static Module Bundler),它通过分析项目的依赖关系,将散落的模块(如 JS 文件、CSS、图片)组合成一个或多个优化后的 Bundle(打包文件)。
2. 核心特点
- 模块化支持:支持
ES Modules
、CommonJS
、AMD
等模块规范。 - 资源整合:将非 JS 文件(如 CSS、图片)也视为模块处理。
- 可扩展性:通过 Loader 和 Plugin 机制灵活扩展功能。