AKA Hypertext Imports, HTImports makes it easier to manage imports in your HTML files, so instead of this:
<!--in head-->
<script src="link.to/script.js"></script>
<script src="link.to/other_script.js" type="module"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">you have to type this (inside of a .imports file):
script link.to/script.js
script link.to/other_script.js module
style style.css
style https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
First start by going to your HTML file and then insert this script tag into head:
<script src="https://htimport.enzon3.repl.co/htimport.min.js"></script>Then, in the same folder as your HTML file, create a file called .imports and put your imports there. (SEE BELOW FOR SYNTAX)
Separate imports with newlines
Here's how you import a script:
script [link to script] (if es6, type 'module' here)
and here's how you import CSS:
style [link to stylesheet]
MIT License