webpack
build之后会生成一个index.html文件和一个bundle.js文件,而且index.html文件中自动引用webpack生成的bundle.js文件
html-webpack-plugin的作用,自动帮你生成一个html文件,引用相关的assets文件(css、js)
title:设置生成的html问件的标题
filename: 生成的html文件名。默认为index.html
template:根据自己指定的模板来生成特定的html文件(html、jade、ejs、hbs)
注意:使用自定义模板文件时,需要提前安装对应的loader
既指定了template选项,又指定了title选项 这时会选中你指定模板的title
filename:会以指定的filename作为文件名
inject(注入选项):
true:默认值,script标签位于html文件的body部
body:true
head:script标签位于head标签内
false:不插入生成的js文件,只是单纯生成一个html文件
favicon:给生成的html生成一个favicon。属性值为favicon文件所在的路径名
minify: 作用是对html文件进行压缩 布尔值类型,设置为false时,不对生成的html文件进行压缩
hash:给生成的js文件一个独特的hash值,该hash值是该webpack编译的hash值
布尔值类型: 默认为false
cache:只有在内容发生变化时才生成一个新文件
布尔值类型: 默认值是true
shouErrors: 如果webpack编译错误,webpack会将错误信息包括在一个pre标签内
布尔值类型,默认值为true,也就是显示错误信息
chunck:针对多入口文件
当有多个入口文件的时候,对应就会生成多个编译后的JS文件,chunck选项就可以决定是否都是用这些生成的JS文件
chunck默认会在生成html文件中引用所有的js文件
excludeChuncks
作用: 跟chunks是相反的,排出掉某些文件
chunckSortMode:决定script标签的引用顺序。默认有四个选项
dependency: 按照不同文件的依赖关系来排序
auto: 默认值,按照插件内置的排序方式
none:无序
function:按照提供的函数来排序
xhtml:一个布尔值,默认为false,如果设置为true,则以兼容xhtml的模式引用文件