html-webpack-plugin和clean-webpac

2020-03-27  本文已影响0人  省略了吧

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 文件夹

===============================================================================================================

用法很简单

以上为最简单的用法,详细用法参考对应官方文档即可

上一篇 下一篇

猜你喜欢

热点阅读