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： {} 值是对象，设置元信息。