作用

處理打包的html文件

配置

1,安裝npm install --save-dev html-webpack-plugin

2,引入,注冊HtmlWebpackPlugin

3,filename

輸出的html的文件名

4,template

根據(jù)哪一份模板生成html

5,inject

定義引入script標簽的位置,true || 'head' || 'body' || false,其中true同'head'一樣效果,當定義false時使用<%= %>語法,自行配置

6,minify

配置最小化輸出html
removeComments(為true輸出時去除html中的注釋)
collapseWhitespace(為true輸出時折疊空白區(qū)域,即壓縮代碼)

7,hash

輸出的css與js自動配置hash值,以便去除緩存

image.png