Javascript 解析为每个目录的不同主文件

我有一个

components

目录，其中有几个包含实际组件的子文件夹。每个文件夹的主文件名为文件夹名称加扩展名。然后我必须创建

index.js

文件，其中包含类似于从“/MyComponent”导出默认值的内容

---

所以我的问题是，在Webpack中是否有一种方法可以去掉那些

index.js

文件，而是动态地指向组件文件本身。也许我可以写一些插件，我还没有深入研究插件系统。只是想知道是否有可能改变这样的基本原理。

你也可以在文件夹

MyComponent

中添加

package.json

，指向你的主文件

“main”：“/MyComponent.js”

。如果你还想写一些插件，那么先试试这个@AndreyEtumyan很棒-这个插件会奏效。但您可能会失去IDE对模块路径的支持：（@AndreyEtumyan谢谢，我试过了，但它也产生了节点_模块的奇怪问题。有一个类似的问题，但作者似乎不再维护该模块。此外，我发现它与

eslint导入解析程序网页

不兼容。这需要额外的努力才能正常工作。您可以同时在文件夹

MyComponent

中添加

package.json

，指向您的主文件

“main”：“/MyComponent.js”

。如果您仍要编写一些插件，请先尝试一下@AndreyEtumyan很棒-此插件将发挥作用。但您可能会失去IDE对模块路径的支持：（@AndreyEtumyan谢谢，我试过了，但它也产生了节点_模块的奇怪问题。有一个类似的问题，但作者似乎不再维护模块。此外，我发现它与

eslint导入解析程序网页

不兼容。要使其正常工作，还需要一些额外的努力。