这一篇来讲解一下webpack的htmlWebpackHtml插件的使用。

先来思考一个实际问题：我们现在在index.html引用的js文件是写死的。但是我们每次打包后的文件都是动态的，那么我们怎么让他们结合起来呢？

这就要借助htmlWebpackPlugin插件了。

1.先安装html-webpack-plugin插件。

执行：npm install html-webpack-plugin --save-dev。

2.在webpack.config.js文件中require这个插件模块

3.在webpack.config.js文件中添加一个plugins配置项：

实例讲解webpack的基本使用第三篇