这是我的文件结构
-main.js
-SomeDir
-fileA.js
-fileB.js
如果我想main.js在someDir不指定文件名的情况下加载（内部）每个文件，我该怎么办-
类似的东西：require(./someDir/*.js)？
webpack 需要目录中的每个文件
IT技术
javascript
webpack
2021-02-26 06:24:53
4个回答
解决方案：
var req = require.context("../someDir", true, /^(.*\.(js$))[^.]*$/igm);
req.keys().forEach(function(key){
req(key);
});
// or just: req.keys().forEach(req)
额外的：
正则表达式匹配js但忽略test.js
/^(?!.*test.js)((.*\.(js\.*))[^.]*$)/igm)
是的，它是可能的，甚至在文件夹层次结构中递归
这是一个示例：
var context = require.context('./', true, /\.(html)$/);
var files={};
context.keys().forEach((filename)=>{
console.log(filename);
files[filename] = context(filename);
});
console.log(files); //you have file contents in the 'files' object, with filenames as keys
和一个现场演示（打开 devtools 查看生成的对象）
http://www.webpackbin.com/Vy6AwkWrz
在你的情况下，第一行是
var context = require.context('./SomeDir', false, /\.js$/);
参考：https : //webpack.github.io/docs/context.html#require-context
一种方法是在 SomeDir 位置和该文件中创建一个 index.js 文件：
var req = require.context('./', true, /\.js$/);
req([]);
然后在 main.js 中：
require('./SomeDir');
或者
require('./SomeDir/index.js');
甚至
import something from "./SomeDir";
其它你可能感兴趣的问题