webpack学习(一)插件 html-webpack-plugin 详解

270 阅读1分钟

1、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: {} 值是对象,设置元信息。