webpack - 配置 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.jsand之后package.json，它会查找与当前目录名称 + 匹配的文件.js？

Answer 1

看不到用当前 webpack 的resolve配置实现这一点的方法。

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

我还提出了一个关于功能提案的问题。