posthtml-inject

0.5.0 • Public • Published

posthtml-inject

Build Status Coverage Status Package Dependency Package DevDependency

This plugin is intended to work with PostHTML. It will allow you to inject HTML elements with standalone object.

Changelog

0.4.2

  • use [data-name][data-id="posthtml-inject"] to match container to insert, ignore matcher option.
{
  EOL: '\n', // Optional
  INTENT: '\s\s', // Optional,
  include: [], // Optional, default elements property, declare explicit slot to insert
  elements: {
    manifest: [
      {
        tag: 'link',
        attrs: {
          href: 'manifest.json'
        }
      }
    ],
    library: [
      {
        tag: 'script',
        attrs: {
          src: 'https://cdn.bootcss.com/react/15.6.1/react.js'
        }
      },
      {
        tag: 'script',
        attrs: {
          src: 'https://cdn.bootcss.com/moment.js/2.18.1/moment.min.js'
        }
      }
    ]
  }
}
posthtml([inject( /* options above*/ )])
  .process(html)
  .then((res) => {
    // ....
    // ....
  });

A matcher tag, which signifies where the HTML elements should be inserted during the build process. The name identify object key.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Posthtml</title>
  <!-- slot manifest -->
  <template data-id="posthtml-inject" data-name="manifest"></template>
  <!-- slot manifest -->
</head>
<body>
  <!-- slot library CDN scripts -->
  <template data-id="posthtml-inject" data-name="library"></template>
  <!-- slot library CDN scripts -->
</body>
</html>
 

after build:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Posthtml</title>
  <!-- slot manifest -->
  <link href="manifest.json">
  <!-- slot manifest -->
</head>
<body>
  <!-- slot library CDN scripts -->
  <script src="https://cdn.bootcss.com/react/15.6.1/react.js"></script> 
  <script src="https://cdn.bootcss.com/moment.js/2.18.1/moment.min.js"></script> 
  <!-- slot library CDN scripts -->
</body>
</html>

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i posthtml-inject

Weekly Downloads

5

Version

0.5.0

License

ISC

Last publish

Collaborators

  • bornkiller