Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动导入具有相同文件后缀的模块_Javascript_Reactjs_Import_Module_Redux - Fatal编程技术网

Javascript 自动导入具有相同文件后缀的模块

Javascript 自动导入具有相同文件后缀的模块,javascript,reactjs,import,module,redux,Javascript,Reactjs,Import,Module,Redux,我目前正在设置Redux存储并导入许多不同的reducer文件。这开始看起来很混乱,我想知道是否有办法导入具有相同文件后缀的所有模块。所以现在 import reducerOne from '../fileOne/one.reducer.js; import reducerTwo from '../fileTwo/two.reducer.js; import reducerThree from '../pathThree/fileThree/three.reducer.js; import re

我目前正在设置Redux存储并导入许多不同的reducer文件。这开始看起来很混乱,我想知道是否有办法导入具有相同文件后缀的所有模块。所以现在

import reducerOne from '../fileOne/one.reducer.js;
import reducerTwo from '../fileTwo/two.reducer.js;
import reducerThree from '../pathThree/fileThree/three.reducer.js;
import reducerFour from '../four.reducer.js;
import reducerFive from './five.reducer.js;
import reducerSix from '../longPathSix/pathSix/fileSix/six.reducer.js;
import reducerSeven from '../pathSeven/seven.reducer.js;

当每个文件路径不同时,是否有一种方法可以导入所有“reducer.js”文件,而不是分别手动导入每个模块?

如重复问题中所述:

如果创建一个额外的文件reducers.js,请使用以下定义:

import reducerOne from '../fileOne/one.reducer.js;
import reducerTwo from '../fileTwo/two.reducer.js;
import reducerThree from '../pathThree/fileThree/three.reducer.js;
import reducerFour from '../four.reducer.js;
import reducerFive from './five.reducer.js;
import reducerSix from '../longPathSix/pathSix/fileSix/six.reducer.js;
import reducerSeven from '../pathSeven/seven.reducer.js;
export {
  reducerOne,
  reducerTwo,
  reducerThree,
  reducerFour,
  reducerFive,
  reducerSix,
  reducerSeven
};
然后,您可以在主文件中使用:

import { reducerOne, reducerTwo, reducerThree, reducerFour, reducerFive, reducerSix, reducerSeven } from '../reducers.js';

基本上,您可以将所有还原程序“捆绑”到一个只有一条路径的文件中。由于语法非常少,因此自动创建这样一个文件是很简单的。

可能重复抱歉,让我把它说得更详细一点@shilly这是同一个问题否?答案是否定的。你要么创建一个中间文件导入列表,然后再将其作为方法导出,这样你就可以在一条语句中编写它。或者通过使用babel插件,允许您在导入语句中使用通配符。好吧,酷,那么babel就是我的答案?这有助于@shilly感谢您使用babel插件或制作中间文件。我会把它贴在下面。