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

Question

我有这个结构

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仍然在assets文件夹中构建所有内容，包括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'),
}),
]

Answer 1

您可以将第二个参数更改为'../index.html'。

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