posthtml-transfomer
posthtml-transfomer is plugin for PostHTML. It process HTML by special directives in node attrs, such as inline scripts and styles, remove useless tags, concat scripts and styles etc.
Directives
ph-inline
- Loadscript
andlink
code and make them inline.ph-remove
- Remove tags which specified this directive.ph-concat-start
andph-concat-end
- Concatscript
andlink
code.
Examples
ph-inline
directive:
// src/lib.jsconsole;// index.html<script ph-inline src="src/lib.js"></script>// index.html after transform<script>console;</script>
ph-remove
directive:
// index.html<body><script ph-remove src="src/lib.js"></script></body>// index.html after transform<body></body>
ph-concat-start
and ph-concat-end
directive:
// src/mod1.jsconsole;// src/mod2.jsconsole;// src/mod3.jsconsole;// index.html<body><script ph-concat-start src="src/mod1.js"></script><script src="src/mod2.js"></script><script ph-concat-end src="src/mod3.js"></script></body>// index.html after transform<body><script>console;console;console;</script></body>
Gulp Usage
Install posthtml-transformer:
npm install posthtml-transformer --save-dev
var gulp = ;var posthtml = ;var phTransformer = ;gulp;
Options
minifyJS
- minify javascript in HTML, default istrue
.minifyCSS
- minify css in HTML, default istrue
.
APIs
match
- same asPostHTML
'smatch
.walk
- same asPostHTML
'swalk
.