post.html,GitHub - posthtml/posthtml-include: Include HTML Plugin

68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f706f737468746d6c2d696e636c7564652e737667

68747470733a2f2f64617669642d646d2e6f72672f706f737468746d6c2f706f737468746d6c2d696e636c7564652e737667

687474703a2f2f696d672e736869656c64732e696f2f7472617669732f706f737468746d6c2f706f737468746d6c2d696e636c7564652e737667

68747470733a2f2f636f766572616c6c732e696f2f7265706f732f6769746875622f706f737468746d6c2f706f737468746d6c2d696e636c7564652f62616467652e7376673f6272616e63683d6d6173746572

687474703a2f2f706f737468746d6c2e6769746875622e696f2f706f737468746d6c2f6c6f676f2e737667

Include Plugin

Install

npm i -D posthtml-include

Usage

const { readFileSync } = require('fs')

const posthtml = require('posthtml')

const include = require('posthtml-include')

const html = readFileSync('index.html')

posthtml([ include({ encoding: 'utf8' }) ])

.process(html)

.then((result) => console.log(result.html))

Options

root: Root folder path for include. Default ./

encoding: Default utf-8

posthtmlExpressionsOptions: Array to pass options posthtml-expression

Component options

locals: Object containing any local variables that you want to be accessible inside the include component

Usage

index.html

index.html

components/button.html

{{ text }}

const { readFileSync } = require('fs')

const posthtml = require('posthtml')

const include = require('posthtml-include')

const html = readFileSync('index.html')

posthtml([ include({ encoding: 'utf8' }) ])

.process(html)

.then((result) => console.log(result.html))

index.html
Button

You can also pass your locals directly on the content, just drop a JSON there. When doing it, all the "\n" chars will be removed from your data.

If you need "\n" chars on your data, you can still use the "locals" attribute.

{

"text": "Button"

}

Note: Also supports multi nesting.

LICENSE

MIT License (MIT)

Copyright (c) PostHTML Ivan Voischev

Permission is hereby granted, free of charge, to any person obtaining a copy

of this software and associated documentation files (the "Software"), to deal

in the Software without restriction, including without limitation the rights

to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

copies of the Software, and to permit persons to whom the Software is

furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all

copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,

FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE

AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER

LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,

OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

SOFTWARE.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值