Simply include html partials via html (css, js) comments like this: <!-- partials/header.html -->
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
.gitignore
LICENSE
README.md
index.js
package-lock.json
package.json

README.md

html-include-comment

Simply include text partials via html (css/js) comments like this <!-- header.html -->

Install

$ npm install html-include-comment

Run

$ html-include-comment some/source.html some/dest.html

Usage

In your sourcefile add html, css or js comments to render the specified file content inline. The comments are getting replaced with the file contents.

<html>
  <head>
    <style>
      /* some/inline.css */
    </style>
  </head>
  <body>
    <!-- partials/header.html -->
    <!-- some/inline.svg -->
    <script>
      /* some/inline.js */
    </script>
  </body>
</html>

It works with both comment styles:

<!-- some/file.html -->

and

/* some/otherfile.css */

File type or extension does not matter (so it could be /* foo/bar.baz */ as well – as long as the file contains text content.