How to dynamically import JavaScript modules

May 14, 2022

Learn how to dynamically import a JavaScript module when the path is built at runtime, using the await import() syntax instead of a static import statement.

~~~

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.

Tagged: JavaScript · All topics

~~~