js dynamic imports code example

Example 1: js es6 dynamic import default

// something.js

export const hi = (name) => console.log(`Hi, ${name}!`)
export const bye = (name) => console.log(`Bye, ${name}!`)
export default () => console.log('Hello World!')

We can use import() syntax to easily and cleanly load it conditionally:
// other-file.js

if (somethingIsTrue) {
  import('./something.js').then((module) => {
    // Use the module the way you want, as:
    module.hi('Erick') // Named export
    module.bye('Erick') // Named export
    module.default() // Default export
  })
}

Example 2: import javascript

/*Imagine a file called math_functions.js that contains several functions
related to mathematical operations. One of them is stored in a variable called
add.*/

//If you want to import one item:
import { add } from './math_functions.js';

//If you want to import multiple items:
import { add, someothervariable } from './math_functions.js';

Tags:

Html Example