← flaviocopes.com

How to dynamically import JavaScript modules

Published May 14 2022

Have you ever felt the need to load a JavaScript module dynamically?

Maybe you’re trying to load something from a folder but you don’t know the name of the folder, you generate it dynamically.

But doing something like

import test from folder + '/test.js'


import test from `${folder}/test.js`

does not work.

You need to do a dynamic import, in this way:

const test = await import(folder + '/test.js')

I wrote more about this relatively new feature of JavaScript in JavaScript Dynamic Imports.

Wanna go from noobie to expert?

I wrote an entire book on this topic πŸ‘‡

I also got a super cool course πŸ‘‡

© 2023 Flavio Copes Flavio Copes using Notion to Site Notion to Site. Follow on Twitter

Solopreneur? Wannabe? Adventure awaits