HtmlWebpackPlugin插件

作用：

const HtmlWebpackPlugin = require('html-webpack-plugin');

1. 动态生成html文件并自动引入js文件
2. 静态文件无需加载js或css文件，通过设置入口文件可以将js文件自动添加进去，而相关的css文件在js中导入
3. 同时修改生成的js文件命名规则，利用hash码命名js文件
4. 没有改动时可以让浏览器缓存内容，当有改动重新部署后可以让浏览器缓存失效

参考网址

压缩代码

plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html',
      // 压缩html代码
      minify: {
        // 移除空格
        collapseWhitespace: true,
        // 移除注释
        removeComments: true
      }
    })
]