AI工作站

webpack中文文档官方网址：https://www.webpackjs.com/guides/getting-started/

Webpack 是一个现代 JavaScript 应用程序的模块打包器（module bundler），其主要目标是将 JavaScript 文件打包在一起，用于在浏览器中使用。它也能够胜任转换、打包或包裹任何资源。

当 Webpack 处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。

Webpack 的核心概念包括：

Entry：入口（Entry）指示 Webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。

Output：输出（Output）指示 Webpack 打包后的资源 bundles 输出到哪里去，以及如何命名。

Loader：Webpack 只能理解 JavaScript 和 JSON 文件，这是 Webpack 开箱可用的自带能力。

Plugin：插件（Plugin）用于扩展 Webpack 的功能，实现自动化配置和优化。

此外，Webpack 的高度可定制性和灵活性使其能够满足从简单到复杂的项目需求，尽管配置较为复杂，但它提供了丰富的插件生态系统，能够实现几乎任何功能。例如，Webpack 支持 ESM、CommonJS、AMD 模块，并允许代码优化和代码分割，使得代码可以按需加载或并行加载。