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