webpack中resolve.extensions 说明

resolve.extensions是Webpack配置中的一个重要部分,它定义了在导入模块时尝试的文件扩展名顺序。默认情况下,它包括[.js,.json]。为了提升构建性能,应保持后缀列表尽可能小且将最常出现的扩展名放在前面。同时,建议在代码中明确指定导入文件的后缀,以减少查找时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. webpack resolve.extensions 说明

esolve.extensions是用在配置 在使用过程中 使用到的后缀列表,
默认是:extensions: [‘.js’, ‘.json’]
使用webpack,当导入语句时,webpack 会先去寻找.js文件,如果该文件不存在就去寻找.json文件,如果还是找不到就报错。

//如下,webpack会先去寻找dataList.js文件,如果不匹配会接着再去寻找dataList
const datatList = require(./dataList);
import dataList from "./dataList"

2. 配置resolve.extensions时,要尽可能的优化构建性能

① 后缀尝试列表要尽可能的小,不要把项目中不可能存在的情况写到后缀尝试列表中。
② 频率出现最高的文件后缀要优先放在最前面,以做到尽快的退出寻找过程。
③ 在源码中写导入语句时,要尽可能的带上后缀,从而可以避免寻找过程。

module.exports = {
	resolve: {
	// 尽可能的减少后缀尝试的可能性
	extensions: ['js'],
	},
}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

engineer_why

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值