使用

同样在webpack.config.js中加上插件的配置

module.exports = {
// ...
plugin: [
new HtmlWebpackPlugin({
template: './src/index.html',// 模板文件
filename: 'index.html' // 打包后的html文件名称
})
]
}

小技巧

每次打包后，都会覆盖掉原来的文件，我们可以通过设置hash来保存每次打包后的文件

文件覆盖
    path: path.resolve(__dirname,'bulid'),},