Автоматический импорт модулей с одинаковым суффиксом файла

Question

Я сейчас настраиваю свой магазин Redux и импортирую много разных файлов редуктора. Это начинает выглядеть грязно, и хотелось узнать, есть ли способ импортировать все модули с одинаковым суффиксом файла. Так что в настоящее время ...

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' вместо того, чтобы вручную импортировать каждый модуль отдельно, когда каждый из путей к файлам отличается?

Answer 1

Как написано в дубликате вопроса:

Если вы создаете дополнительный файл redurs.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';

Вы в основном «связываете» все ваши редукторы в один файл с одним путем. А поскольку синтаксиса очень мало, автоматизировать его для создания такого файла тривиально.