Modules
As your app grows, you shouldn't keep all code in one file. Modules let you share code between files.
Exporting Code
You can export variables, functions, or classes from a file (e.g., math.js).
// math.js
export const pi = 3.14159;
export function add(a, b) {
return a + b;
}
// Default export
export default function multiply(a, b) {
return a * b;
}
Importing Code
Bring the exported code into another file (e.g., main.js).
// main.js
import multiply, { pi, add } from './math.js';
console.log(add(2, 3));
console.log(multiply(4, 5));
Practice
Note: Modules only work on the web if you use <script type="module"> in your HTML.