Tutorial by Examples

Run the following command one by one: npm install -g vulcanize crisper Use Vulcanize: Crunches all the HTML import files into a single file Crisper: Extracts inline js to its own file Note: Ubuntu users may need to prefix the above command with sudo.

Put all the html imports in your files in a single file elements.html. Don't worry about a file being imported more than once, it'll be crunched down to a single import.

on your elements.html file, run the following commands: cd PATH/TO/IMPORTFILE/ vulcanize elements.html -o elements.vulc.html --strip-comments --inline-css --inline-js crisper --source elements.vulc.html --html build.html --js build.js Vulcanize retrieved source code of all the imports, then re...

Open HTML minifier Open build.html Copy all its code In the HTML minfier's first textarea, paste the code you copied from build.html Click Minify button In the second textarea, minified code will appear. Copy that Create a build.min.html file and paste all your copi...

Remove all previous imports from those HTmL files from which you copy-pasted the imports. Replace imports with <link rel="import" href="PATH/TO/IMPORTFILE/build.min.html">