What is the primary purpose of dynamic imports using import() in JavaScript?
The primary purpose of dynamic imports is to load modules conditionally or on-demand: 1) Unlike static imports that load modules during initialization, dynamic imports load modules when requested, 2) They enable code-splitting and lazy loading, reducing initial bundle size, 3) They allow modules to be loaded based on runtime conditions, 4) They support loading modules in response to user interactions, 5) They can improve initial page load performance by deferring non-critical code, 6) They support progressive enhancement patterns, 7) They enable more granular control over module loading timing, 8) They help implement features like route-based code splitting in single-page applications.