理论篇一：了解webpack是什么，能解决什么问题，如何使用

Webpack 是前端工程化的核心工具之一，它的核心目标是将前端项目中的各种资源（JS、CSS、图片等）高效打包成浏览器可运行的静态文件。以下是系统化的解答：

一、Webpack 是什么？

1. 定义

Webpack 是一个 静态模块打包工具（Static Module Bundler），它通过分析项目的依赖关系，将散落的模块（如 JS 文件、CSS、图片）组合成一个或多个优化后的 Bundle（打包文件）。

2. 核心特点

• 模块化支持：支持 ES Modules、CommonJS、AMD 等模块规范。
• 资源整合：将非 JS 文件（如 CSS、图片）也视为模块处理。
• 可扩展性：通过 Loader 和 Plugin 机制灵活扩展功能。

二、Webpack 能解决什么问题？