webpack入门之模块解析(module-resolution)

文档：https://webpack.js.org/concepts/module-resolution/

1.简介

resolver 是一个库(library)，用于帮助找到模块的绝对路径。

一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下

import foo from 'path/to/module'
// 或者
require('path/to/module')

所依赖的模块可以是来自应用程序代码或第三方的库(library)。

resolver 帮助 webpack 找到 bundle 中需要引入的模块代码，这些代码在包含在每个 require/import 语句中。

当打包模块时，webpack 使用 enhanced-resolve 来解析文件路径

2.解析规则

使用 enhanced-resolve，webpack 能够解析三种文件路径：

2.1 绝对路径

import "/home/me/file";

import "C:\\Users\\me\\file";