Настройте Webpack для поиска файлов, соответствующих имени каталога

Question

Я настраиваю среду для приложения React. Я использую Babel и Webpack.

В настоящее время все мои компоненты реализованы в файлах по следующей схеме именования:

   /components
          /Component1
                 Component1.js
                 component1.style.scss
                 Component1.test.js
          /Component2
                 Component2.js
                 component2.style.scss

В настоящее время я могу импортировать эти компоненты только двумя способами: создать index.js или же package.json файлы, и укажите их в файл Javascript, или написать полный импорт; import Component1 from '/components/Component1/Component1

Можно ли настроить Webpack так, чтобы после поиска index.js а также package.json, он будет искать файл, который соответствует текущему имени каталога + .js?

Answer 1

Не могу найти способ реализовать это с помощью текущего веб-пакета resolve Конфигурация

Но вот некоторые directory-named-webpack-plugin Я нашел плагин, который должен делать именно то, что вы хотите.

Я также открыл вопрос с функциональным предложением.