Webpack 从 /folder/folder.js 而不是 /folder/index.js 导入

使用 webpack 当我在 ./blah/ 中创建一个 index.js 时，然后执行import blah from './blah'它成功地从index.js获取

但是，我的代码编辑器现在充满了名为 index.js 的选项卡。并执行 Ctrl+Shift+P 来查找现在有一堆 index.js

因此，我一直将名称index.js 与文件夹名称相同。所以/folder/folder.js。但是，如果我这样做，我所有的导入语句现在都是：

import blah from './blah/blah`

现在，我只需输入一个额外的内容就不会太冗长/blah。但我只是想知道，是否可以让它像对待index.js一样对待与文件夹同名的js文件？

Github 用户 shaketbaby 做了一个网页包插件 https://github.com/shaketbaby/directory-named-webpack-plugin它以问题要求的方式处理进口。

首先将以下内容添加到您的 webpack 配置中：

const DirectoryNamedPlugin = require("directory-named-webpack-plugin");

const config = {
  ...
  resolve: {
    ...
    plugins: [
      new DirectoryNamedPlugin(true)
    ]
  },
  ...
}
export default config

然后你可以使用import blah from './blah'为了解析位于./blah/blah.js.

如果第一个参数是true，解析器将回退到之前的行为blah/index.js如果blah/blah.js找不到。