broccoli-vulcanize-html-imports

broccoli-vulcanize-html-imports

Broccoli plugin for vulcanizing HTML imports with Polymer vulcanize tool. It strips out HTML imports from files and then vulcanizes the import files. This is useful for preprocessing templates before compiling them.

Install

npm install --save-dev broccoli-vulcanize-html-imports

Usage

var vulcanize = require('broccoli-vulcanize-html-imports');
var inputTree = 'templates';
var options = {
  extensions: ['html', 'hbs'],
  outputFile: 'assets/components.html',
  overwrite: true,
  csp: true,
  inline: true,
  strip: true,
  excludes: {
    imports: ["(^data:)|(^http[s]?:)|(^\/)"],
    scripts: ["(^data:)|(^http[s]?:)|(^\/)"],
    styles: ["(^data:)|(^http[s]?:)|(^\/)"]
  }
};

module.exports = vulcanize(inputTree, options);

Input Tree

templates
+ - components
|   + - component.hbs
+ - page.html

Output Tree

.
+ - assets
|   + - components.html
|   + - components.js
+ - components
|   + - component.hbs
+ - page.html

The assets\components.html and assets\components.js are vulcanized import files and components\component.hbs and page.html are stripped out of HTML imports except the ones that are specified in excludes.imports option.

See polymer vulcanize for details on options.