Import JS/TS as URL

[sergiodxa]

Right now, any JS and TS file you import will do an actual import, but sometime you want to import it and get a hashed URL back for that file.

I was thinking Remix could have a way to say "hey I want to import this but get a URL back", something like this

import sw from "url:~/service-worker.ts";
import worker from "url:~/web-worker.ts";
import gtm from "url:~/scripts/gtm.js";

// use it to register a SW
navigator.serviceWorker.register(sw, { scope: "/" })
// use it to load it from a script tag
<script src={gtm} defer async />
// use it to load it as a WebWorker
let worker = new Worker(worker)

Remix could either left the file untouched and just hash the name and put it in the public/build folder or it could process it with esbuild and let you import more things from inside those files.

[sergiodxa]

This have been formalized and superseded in #4549