❤
npm
Sign UpSign In

html-import-partials

1.0.1 • Public • Published

html-import-partials

Easily build a static html file by including html partials.

Usage

Install via npm

npm install html-import-partials

or yarn

yarn add html-import-partials

Command line:

$ html-import-partials src/*html -o dist

In Your File:

In the html file include a <include>. This tag will be replaced with the src you provide.

<include src='location/of/some/file.html'/>

Examples

Basic

Simply include the files where you want them

File: ./example/src/foo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Foo</title>
</head>
<body>
    <h1>Welcome to my website</h1>
 
    <include src='partials/header.html'/>
</body>
</html>

File: ./example/src/partials/footer.html

<p>Footer here!!!</p>

Command: $ html-import-partials example/src/*html -o example/dist

Compiled file: ./example/dist/foo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Foo</title>
</head>
<body>
    <h1>Welcome to my website</h1>
    
    <p>Footer here!!!</p>
</body>
</html>

Readme

Keywords

Package Sidebar

Install

npm i html-import-partials

Repository

github.com/feliperrego/html-import-partials

Homepage

github.com/feliperrego/html-import-partials#readme

Weekly Downloads

30

Version

1.0.1

License

MIT

Unpacked Size

7.08 kB

Total Files

9

Last publish

Collaborators

  • feliperrego
Try on RunKit
Report malware