摘要：默認(rèn)不對(duì)文件進(jìn)行壓縮。中集成的，生成模板文件壓縮配置，有很多配置項(xiàng)，這些配置項(xiàng)就是的壓縮選項(xiàng)值。給生成的文件尾部添加一個(gè)值。錯(cuò)誤信息是否寫入文件。默認(rèn)在文件中引用哪些文件用于多入口文件時(shí)。

生成頁(yè)面的titile元素

生成的html文件的文件名。默認(rèn)index.html，可以直接配置帶有子目錄

//webpack.config.js
...
plugins: [
  new HtmlWebpackPlugin({
    ...
    filename: "index1.html"http://可帶子目錄"html/index1.html"
  })
]

模版文件路徑

{Boolean|Object|Function} 允許覆蓋模板中使用的參數(shù)

//webpack.config.js
...
plugins: [
  new HtmlWebpackPlugin({
    ...
    templateParameters: {
      title: "xxxx",
      favicon: "./favicon/index.ico",
    }
  })
]

插入的script插入的位置，四個(gè)可選值:
true: 默認(rèn)值，script標(biāo)簽位于html文件的body底部
body: 同true
head: script標(biāo)簽位于html文件的head標(biāo)簽內(nèi)
false: 不插入生成的js文件，只是生成的html文件

為生成的html文件生成一個(gè)favicon，屬性值是路徑

對(duì)html文件進(jìn)行壓縮。屬性值是false或者壓縮選項(xiàng)值。默認(rèn)false不對(duì)html文件進(jìn)行壓縮。
html-webpack-plugin中集成的html-minifier，生成模板文件壓縮配置，有很多配置項(xiàng)，這些配置項(xiàng)就是minify的壓縮選項(xiàng)值。

給生成的js文件尾部添加一個(gè)hash值。這個(gè)hash值是本次webpack編譯的hash值。默認(rèn)false;

//webpack.config.js
...
plugins: [
  new HtmlWebpackPlugin({
    ...
    hash: true
  })
]

//html