Webpack动态输出路径

Question

我有多个html文件，我想将这些文件与outoutPath放在相同的名称目录中。

例如：

我有 src / about / about.html

在构建目录中，我想要：

dist / about / about.html

我有此配置，但无法正常工作，它是在构建根目录上创建about.html。 build / about.html，然后html链接找不到它。

               {
                test: /\.html$/,
                use: [
                  {
                    loader: 'file-loader',
                    options: {
                      name: '[name].[ext]',
                      output: {
                        path:  "[name]/",
                      },
                    }
                  }
                ],
                exclude: path.resolve(__dirname, 'src/index.html'),
              }

我如何使其工作。