Javascript 自动导入具有相同文件后缀的模块
我目前正在设置Redux存储并导入许多不同的reducer文件。这开始看起来很混乱,我想知道是否有办法导入具有相同文件后缀的所有模块。所以现在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
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插件或制作中间文件。我会把它贴在下面。