为什么要引入HTML插件
每次执行webpack打包生成js，再手动在index.html导入js，这样很麻烦
我们想运行webpack后，所有的静态资源，js脚本都自动插入到index.html
因此想实现这个功能就要借助html-webpack-plugin这个插件
安装
使用
module.exports = {
// ...
plugin: [
new HtmlWebpackPlugin({
template: './src/index.html',// 模板文件
filename: 'index.html' // 打包后的html文件名称
})
]
}小技巧
每次打包后，都会覆盖掉原来的文件，我们可以通过设置hash来保存每次打包后的文件
文件覆盖
path: path.resolve(__dirname,'bulid'),},