webpack學習(一)插件 html-webpack-plugin 詳解

一、html-webpack-plugin插件

• 先看例子

配置屬性

title：生成html文件的標題。

filename：html文件的文件名，默認是index.html。

template: 指定你生成的文件所依賴那一個html文件模板。

inject: 有四個值： true/body/head/false。

     true: 默認值，script標籤位於html文件的body底部;  

     body: script標籤位於html文件的body底部; 

     head: script標籤位於html文件的 head中;  

     false: 不插入生成的js文件，這個幾乎不會用到的。

favicon: 給你生成的html文件生成一個 favicon ,值是一個路徑。

minify: 使用minify會對生成的html文件進行壓縮。默認是false。

             html-webpack-plugin內部集成了 html-minifier。

hash：布爾值，默認是false，用於清除緩存。將添加一個惟一的 webpack 編譯 hash 到全部             包含的腳本和 CSS 文件，對於解除 cache 頗有用。

cache: 默認是true的，表示內容變化的時候生成一個新的文件。

showErrors: 當webpack報錯的時候，會把錯誤信息包裹再一個pre中，默認是true。

chunks: 容許只添加某些塊 (好比，僅僅 unit test 塊)。

excludeChunks: 容許跳過某些塊，(好比，跳過單元測試的塊) 。

meta： {} 值是對象，設置元信息。