Question

这是我的文件结构

settings.split("\\$");

如果我想在-main.js -SomeDir -fileA.js -fileB.js中加载（main.js内）每个文件而不指定文件名，我该怎么办？

类似于：someDir？

Answer 1

解决方案：

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)

Answer 2

是的，甚至可以在文件夹层次结构中递归地使用

以下是一个示例：

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

Answer 3

一种方法可能是在SomeDir位置和该文件中创建一个index.js文件：

var req = require.context('./', true, /\.js$/);
req([]);

然后在main.js：

require('./SomeDir');

或

require('./SomeDir/index.js');

甚至

import something from "./SomeDir";

webpack需要目录中的每个文件

3 个答案:

解决方案：

额外：