webpack —— 模板引擎(HtmlWebpackPlugin)

发布代码时，我们需要把dist文件夹上传到服务器上，但是该目录里没有index.html文件的。而项目在部署时，又是需要有对应的入口文件的，所以我们也需要对index.html进行打包处理。这时我们需要借助插件 —— HtmlWebpackPlugin。

HtmlWebpackPlugin

安装：npm i html-webpack-plugin -D

配置：

template：指定我们要使用的模块所在的路径

title：生成的 html 文件的标题

如果既指定了 template 选项，又指定了 title 选项，那么webpack会选择指定的模板文件的 title, 即使模板文件中未设置 title。