解析 Resolve

**Webpack 中的解析（Resolution）是指 Webpack 在编译和压缩过程中，如何找到和解析模组的过程。Webpack 需要知道在你的专案中哪些模组被引入，以及如何处理这些模组的依赖关係。解析是 Webpack建置过程的一个关键阶段。
**
Webpack使用模组解析器（Module Resolver）来解析模组路径，找到并载入模组的内容。在解析过程中，Webpack会考虑以下几个方面：

**入口文件（Entry Points）：**Webpack需要知道从哪里开始建立依赖图。通常，你配置需要一个或多个入口文件，Webpack从这些文件开始分析并建立依赖图。

**路径模组解析：**Webpack会解析import或require语句中的模组路径，找到对应的模组。解析路径可以是绝对路径或相对路径，也可以包含模组名，例如import 'lodash'。

**档案副档名：**Webpack可以根据配置，自动识别或添加档案副档名。例如，如果你添加import './app'，Webpack可能会解析为import './app.js'或import './app.ts'，具体取决于你的配置。

**别名（Aliases）：**你可以在Webpack配置中定义别名，以便整个模组路径或引入模组的时候使用自订名称。这可以帮助简化模组引入路径，提高程式码的可执行性。

**路径模组允许解析规则：**Webpack 你定义解析规则，适配器模组如何被解析。例如，你可以设定 Webpack 来先找一个专案内的模组，然后再找 Node.js 模组或全域模组。

**寻找路径：**Webpack会根据配置中的模组来寻找路径（resolve.modules）来寻找模组。这包含本机模组目录、Node.js 模组目录等。

**Loader解析：**在解析模组路径后，Webpack会找到并应用适当的Loader来转换模组的内容。Loader可以用来处理各种不同类型的文件，如处理CSS、转译JavaScript等。

**模组依赖关係：**解析过程不仅包括找到模组本身，还包括分析模组之间的依赖关係。Webpack会递归关係地解析模组的依赖关係，以建立完整的依赖图。

Webpack 的解析规则和可以透过 Webpack 设定档中的resolve属性进行自订。你可以设定别名、档案副档名、模组寻找路径等选项，满足专案的需求。通常，Webpack 预设的解析规则适用于大多数项目，但在某些情况下，您可能需要自订解析过程以满足特定的专案需求。