Skip to content

How to dynamically import JavaScript modules

New Courses Coming Soon

Join the waiting lists

Find out how to import a JavaScript module dynamically

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.

→ Get my JavaScript Beginner's Handbook
→ Read my JavaScript Tutorials on The Valley of Code
→ Read my TypeScript Tutorial on The Valley of Code

Here is how can I help you: