分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

PostHtml 中的一些有用的插件

发布时间:2023-09-06 01:59责任编辑:胡小海关键词:暂无标签

记录一下 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、清理无用的标签

PostHtml 中的一些有用的插件

原文地址:https://www.cnblogs.com/JRliu/p/9160440.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved