配置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

看不到使用当前webpack的resolve configuration实现此方法的方法。

但是我找到了一些directory-named-webpack-plugin插件，它应该完全符合您的要求。

我还打开了一个包含功能提案的issue。