HtmlWebpackPlugin简化了 HTML 文件的创建，以便为你的 webpack 包提供服务
这对于那些文件名中包含哈希值，并且哈希值会随着每次编译而改变的 webpack 包特别有用
你可以让该插件为你生成一个 HTML 文件，使用 lodash 模板提供模板，或者使用你自己的 loader

安装

  1. npm i -D html-webpack-plugin

配置

文件：webpack.config.js

  1. const HtmlWebpackPlugin = require('html-webpack-plugin')
  3. module.exports = {
  4.   plugins: [
  5.     // 插件
  6.     new HtmlWebpackPlugin({
  7.       template: './index.html', // html 模板文件的路径
  8.       filename: 'app.html', // 生成的文件名称
  9.       inject: 'body', // script 在 body 中生成，默认在 head 中
  10.     }),
  11.   ],
  12. }