配置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与功能建议。