Bridging the gap between SystemJS (Universal dynamic module loader) and HTML imports. Load HTML imports via SystemJS, include SystemJS modules (ES6, AMD, CommonJS) in HTML Imports, building using vulcanize via jspm and SystemJS builder.
Watch out: This project is an experiment. The HTML imports specification is still in flux and SystemJS is still new.
jspm install html=github:Hypercubed/systemjs-plugin-html
The html file is imported as an HTML import. The webcomponent.js polyfills may be required in browsers that lack native support. The code above is equivalent to:
<link rel="import" href="./dom-element.html">
See examples in the test folder
Bundling of html files is done using Vulcanize. When bundling an
build.html will be created along side the
build.js file. You can disable html imports bundling by setting
System.buildHTML = false.
Testing using karma:
or use http-server and navigate to http://localhost:8080/test/
- JSPM v0.15.7
- SystemJS v0.16.11
- Chrome Version 43.0.2357.132 m
- IE 11.0.9600
- Firefox 39.0
- Firefox 41.0a2