new HtmlWebpackPlugin({
      template: './src/pages/authorize/index.html', //打包前的html文件
      filename: 'authorize.html', //打包后的html文件名
      inject: true, //nject有四个值： true 默认值，script标签位于html文件的 body 底部;body script标签位于html文件的 body 底部;head script标签位于html文件的 head中;false 不插入生成的js文件，这个几乎不会用到的
      minify: {
        removeComments: true, //移除HTML中的注释
        collapseWhitespace: true,//删除空白符与换行符
        removeAttributeQuotes: true //移除属性的引号
        // more options:
        // https://github.com/kangax/html-minifier#options-quick-reference
      },
      chunks:['authorize'],//chunks主要用于多入口文件，当你有多个入口文件，那就回编译后生成多个打包后的文件，那么chunks 就能选择你要使用那些js文件
      // 有多个chunks时，引用chunks的顺序
      chunksSortMode: 'dependency' //‘dependency’ 不用说，按照不同文件的依赖关系来排序；‘auto’ 默认值，插件的内置的排序方式；‘none’ 无序；‘ manual’手动根据chunks排序来排序
    })

参考链接

[webpack4 之html-webpack-plugin](https://www.jianshu.com/p/08a60756ffda