html-webpack-plugin主要有两个作用:
1.为html文件中引入的外部资源如script、link动态添加每次compile后的hash,防止引用缓存的外部文件问题
2.可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置N个html-webpack-plugin可以生成N个页面入口
原理:
将 webpack中`entry`配置的相关入口chunk 和 `extract-text-webpack-plugin`抽取的css样式 插入到该插件提供的`template`或者`templateContent`配置项指定的内容基础上生成一个html文件,具体插入方式是将样式`link`插入到`head`元素中,`script`插入到`head`或者`body`中
clean-webpack-plugin主要作用:
1.在每次构建前清理 /dist 文件夹
===============================================================================================================
用法很简单
以上为最简单的用法,详细用法参考对应官方文档即可