Loading video...

Video Failed to Load

Go Home

🔥 JavaScript import maps are now in all the browsers! Here is how they work with ES modules.

129,814 views • 3 years ago •via X (Twitter)

10 Comments

Wes Bos's profile picture
Wes Bos3 years ago

Node.js also supports something very similar to import maps. It must be prefixed with '#' and can be used as a wildcard. There is talk + experiments around supporting the full spec via Node.js Policies Deno supports the importmap spec

Wes Bos's profile picture
Wes Bos3 years ago

TypeScript has `path` where you can do something very similar as well, but needs some work from your bundler to work. Maybe once we see Node.js pick up import maps, the TS paths can be replaced with import maps. Web standards?

Jake's profile picture
Jake3 years ago

I wonder how the dependency conflicts would be solved in this context 🤔. Or is this just another way of importing a library like a regular script src tag?

Wes Bos's profile picture
Wes Bos3 years ago

It only resolves them 1 level deep, so your dependencies would have to resolve themselves or have their own import map. So i'd expect the same issues that we have with npm

Mihemed Şahîn's profile picture
Mihemed Şahîn3 years ago

🔥 So excited to try it.

Joaquin Beceiro's profile picture
Joaquin Beceiro3 years ago

Excellent for testing avoiding installing modules for a simple test application! Thank you!!

Url Sweatshirt's profile picture
Url Sweatshirt3 years ago

Was not prepared for the safari dev tools jump scare at the end

Joshua Koudys's profile picture
Joshua Koudys3 years ago

Good for those of us who don't need to transpile any JSX.

k644's profile picture
k6443 years ago

Cool!

35961's profile picture
359613 years ago

#JavaScript Is boxing about putting two people in a box? In JavaScript, Boxing is the automatic conversion of strings to objects when methods are called on them.

Related Videos