国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html-webpack-plugin用法總結(jié)

gplane / 3569人閱讀

摘要:默認不對文件進行壓縮。中集成的,生成模板文件壓縮配置,有很多配置項,這些配置項就是的壓縮選項值。給生成的文件尾部添加一個值。錯誤信息是否寫入文件。默認在文件中引用哪些文件用于多入口文件時。

title

生成頁面的titile元素

filename

生成的html文件的文件名。默認index.html,可以直接配置帶有子目錄

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

模版文件路徑

templateParameters

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

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

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

favicon

為生成的html文件生成一個favicon,屬性值是路徑

minify

html文件進行壓縮。屬性值是false或者壓縮選項值。默認false不對html文件進行壓縮。
html-webpack-plugin中集成的html-minifier,生成模板文件壓縮配置,有很多配置項,這些配置項就是minify的壓縮選項值。

hash

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

//webpack.config.js
...
plugins: [
  new HtmlWebpackPlugin({
    ...
    hash: true
  })
]
//html
                
閱讀需要支付1元查看
<