webpack中resolve.extensions 说明

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'],
	},
}