javascript - 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'),
}),