配置Webpack以查找与目录名称匹配的文件

Question

配置Webpack以查找与目录名称匹配的文件

webpackdevelopment-environmentwebpack-loader

3

我正在为一个 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？

- Gregor Menih

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- GProst · Accepted Answer

无法在当前的webpack resolve配置中找到实现这个功能的方法。

但是我找到了一个directory-named-webpack-plugin插件，它应该可以完全满足你的需求。

我还提出了一个功能建议的问题。