The question I have is why do you have to distribute it as a single file?
Added: please note that browsers tend to not cache index.html by default, so your single-file site will be re-downloaded on every access. You can it in
, but then you’ll have a problem with updates, because all browsers out there will ignore the origin and use the cached version until it expires.It is usually better to separate CSS and JS into files to get the benefits of the browser’s cache or the CDN. But of course you have your particular constraints.