CommonJS vs ES Modules

// CommonJS
module.exports = {
  foo: 'bar',
  baz: function() {}
};

// ES Modules
export const foo = 'bar';
export function baz() {}

ES Modules can export more values
ES Modules support both named and default exports with static analysis
ES Modules' export syntax offers several advantages: 1) It enables static analysis at build time, allowing tools to determine dependencies without executing code, 2) It supports both named and default exports with clear syntax distinctions, 3) It allows for better tree-shaking since unused exports can be identified statically, 4) It maintains live bindings to exported values, unlike CommonJS which exports copies, 5) It prevents accidental modification of exports, as they are read-only bindings, 6) It provides better IDE support with improved autocomplete and refactoring capabilities, 7) It enables more efficient bundling and dead code elimination.
ES Modules are faster to process
ES Modules use less memory