PostXML to import html files.
npm i postxml-import --save-dev
Query selector.
Type: String
Default: import[src]
Attribute that contains path.
Type: String
Default: src
Function that get value of attr and returns absolute path to file.
Type: Function
Default:
function (attr) {
return attr;
}<import src="block.htm"></import><div class="b-block">
<div class="b-block__element"></div>
</div><div class="b-block">
<div class="b-block__element"></div>
</div><import src="block.htm">
<p>Content</p>
</import><div class="b-block">
<div class="b-block__element"></div>
<content></content>
</div><div class="b-block">
<div class="b-block__element"></div>
<p>Content</p>
</div><import component="componentName"></import>{
selector: 'import[component]',
attr: 'component',
path: function (componentName) {
return 'blocks/' + componentName + '/' + componentName + '.htm'
}
}<img src="image.svg">{
selector: 'img[src$=".svg"]',
path: function (src) {
return 'cwd/' + src
}
}<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>MIT