记录一下 PostHtml 中的一些比较有用的插件
参考自PostHtml文档
posthtml-pug
将pug转化成html
posthtml-md
将md语法转化为html语法
posthtml-retext
根据规则转化自然语言(例如特定字符串转成emoji表情)
posthtml-head-elements
将JSON配置生成head元素内容
posthtml-include
引入html片段(实现html的模块化)
posthtml-modules
同上,而且她能实现vue中slot的效果
posthtml-inline-assets
将外部的css、js、图片等资源内联进html
posthtml-cache
在某标签的某属性值后增加随机查询参数,如
<script src="script.js"></script>
<!-- 处理后 -->
<script src="script.js?v=93ce_Ltuub"></script>
posthtml-spaceless
删除指定区域内标签之间的空格
posthtml-postcss
使用postcss处理html内的样式(style标签和内联样式)
posthtml-px2rem
在html内使用px2rem处理style标签和内联样式
posthtml-inline-css
可将外部样式或style标签内样式弄成内联样式
posthtml-collect-inline-styles
可将内联样式提取到style标签内
posthtml-style-to-file
可将内联样式和style标签内样式提取到独立文件内
posthtml-color-shorthand-hex-to-six-digit
将缩写的hex color转化成6个字符的格式
posthtml-minifier
压缩
htmlnano
同上
posthtml-remove-attributes
根据属性名或值去除指定属性
posthtml-remove-tags
去除指定名称的标签
Posthtml-remove-duplicates
根据标签名删除内容完全一样的标签
posthtml-transfomer
1.将标记的引用外部文件的script或link标签的内容,内联进html
2.将标记的标签删除
3.将标记的多个引用外部文件的script或link标签的内容,内联进html内的同一标签内
posthtml-tidy
整理html、清理无用的标签