Question

自然地，在React中，您可以别名导入./component/<name>/index.js作为./component/<name>。

Webpack中是否可以更改用作默认文件的文件名？在这种情况下，将index.js更改为其他文件名吗？

Answer 1

JavaScript和扩展名Webpack在使用目录时仅默认允许index.js个文件。但是，使用Webpack时，可以编写一个插入before-existing-directory钩子的插件，并在构建时以index的形式返回您需要的文件。

幸运的是，这个插件已经写成directory-named-webpack-plugin。

  var DirectoryNamedWebpackPlugin = require("directory-named-webpack-plugin");

  resolve: {
    plugins: [
      new DirectoryNamedWebpackPlugin()
    ]
  }

如果有一个名为foo的文件夹，这将使webpack查找foo/foo.js而不是默认的index文件。它还支持自定义transform函数，因此您可以选择要选择的文件，但是我强烈建议您不要这样做，因为它会使真正的速度变得混乱。

Answer 2

好像我只是缺少一个对象层。我有：

plugins: [
    new DirectoryNamedWebpackPlugin()
]

代替：

resolve: {
    plugins: [
      new DirectoryNamedWebpackPlugin()
    ]
  }

如何在React中更改文件夹默认导出的名称？

2 个答案: