webpack模块解析(alias + extensions + mainFields + main + module + resolveLoader)

亮学长

已于 2022-09-15 11:32:00 修改

阅读量368

点赞数

分类专栏： webpack 文章标签： webpack

于 2022-09-07 09:14:20 首次发布

本文链接：https://blog.csdn.net/formylovetm/article/details/126738321

版权

webpack 专栏收录该内容

35 篇文章 2 订阅

订阅专栏

官网地址

模块之间相互导入方式：（enhanced-resolve包解析）

绝对路径：这个可以直接用。
相对路径：上下文 + 相对路径 ==> 绝对路径
模块路径：alias + extensions + mainFields + main + module + resolveLoader ( 转门处理loader的resolve，和resolve配置一样 )

// 默认是查找node_modules，但是会类似Nodejs一样的路径进行搜索,一层一层网上找node_modules
resolve: {
	modules: ['node_modules'],// 先当当前目录下的node_modules，找不到找上层目录的node_moudles，直到全局的node_modules
}
// 如果确定依赖模块在项目根目录下的node_modules中，那么可以写绝对路径确定查找范围
resolve: {
	modules: [path.resolve(__dirname, 'node_modules')], // 确定查找目录就是项目下的node_modules，找不到不会往上层找
}