zoukankan      html  css  js  c++  java
  • PostHtml 中的一些有用的插件

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

  • 相关阅读:
    86. 分隔链表
    85. 最大矩形
    84. 柱状图中最大的矩形
    82. 删除排序链表中的重复元素 II
    80. 删除排序数组中的重复项 II
    77. 组合
    java-xml
    java-反射
    springboot解决跨域问题(CorsConfig )
    解决oracle锁表
  • 原文地址:https://www.cnblogs.com/JRliu/p/9160440.html
Copyright © 2011-2022 走看看