Webpack有哪些核心概念？

Entry（入口）：

指定 Webpack 构建的入口文件，用于指导 Webpack 从哪里开始构建内部依赖图。可以配置一个或多个入口，形式可以是字符串、对象或数组。

Output（输出）：

指定 Webpack 最终构建出的文件输出的位置和命名规则。可以配置输出的路径、文件名、公共路径等。

Loader（加载器）：

Webpack 默认只能处理 JavaScript 文件，但通过加载器(loader)可以将其他类型的文件转换为模块。例如，可以使用 Babel-Loader 加载器来处理 ES6+ 的 JavaScript 代码，或使用 CSS-Loader 和 Style-Loader 加载器来处理 CSS 文件。

Plugin（插件）：

插件是 Webpack 的扩展，可以用于执行更广泛的任务，例如打包优化、资源管理、环境变量注入等。常见的插件有 HtmlWebpackPlugin、MiniCssExtractPlugin、CleanWebpackPlugin 等。

Mode（模式）：

根据不同的构建环境，可以选择不同的模式，包括开发模式（development）、生产模式（production）和 none 模式。模式设置会自动优化构建结果。

Module（模块）：

Webpack 将项目中的所有文件视为模块，包括 JavaScript、CSS、图片等。模块可以通过加载器(loader)的转换来处理，并且可以引入其他模块。

Resolve（解析）：

用于配置 Webpack 如何解析模块。可以配置模块路径、别名、扩展名等。通过合理的配置，可以使 Webpack 正确解析模块的依赖关系。

Chunk（代码块）：

Webpack 将文件分割成多个代码块，以便按需加载。可以通过动态导入或代码拆分来生成不同的代码块。

Bundle（打包）：

将所有模块和它们的依赖项打包成一个或多个输出文件的过程。Webpack 会根据模块之间的依赖关系自动构建模块图，并生成最终的 bundle 文件。