Javascript webpack将所有内容构建到子文件夹中，index.html除外

我有这个结构

index.html
src/img/image.png
src/js/app.js
src/fonts/font.ttf
src/css/styles.css

对于我的发行版，我希望将所有内容构建到一个文件夹中，但html文件除外，如下所示：

dist/index.html
dist/assets/styles.css
dist/assets/app.js
dist/assets/font.ttf
.....

这就是我现在正在尝试的，但似乎webpack仍然构建资产文件夹中的所有内容，包括index.html

output: {
path: path.join(__dirname, 'dist/Assets'),
filename: '[name].[hash].bundle.js'
},

plugins:[   
 new HtmlWebpackPlugin({
  template: 'src/index.html',
  chunksSortMode: 'dependency',
  filename: path.resolve(__dirname, './index.html'),
}),
]

---

您可以将第二个参数更改为

“../index.html”

 new HtmlWebpackPlugin({
  template: 'src/index.html',
  chunksSortMode: 'dependency',
  filename: path.resolve(__dirname, '../index.html'),
}),