Как обойти недостатки систем модульности в JavaScript

В JavaScript есть несколько подходов к модульности, каждый со своими недостатками. Вот основные решения:

1. CommonJS (Node.js) - синхронная загрузка, не подходит для браузеров. Решение: использовать бандлеры (Webpack, Rollup).

// module.js
module.exports = { foo: 'bar' };

// app.js
const module = require('./module');

2. **ES Modules** - современный стандарт, но требует поддержки браузерами или транспиляции:
```js
// module.js
export const foo = 'bar';

// app.js
import { foo } from './module.js';

3. AMD (RequireJS) - асинхронная загрузка, но сложный синтаксис:

define(['dep1', 'dep2'], function(dep1, dep2) {
  return { /* модуль */ };
});

Лучшая практика - использовать ES Modules с современными инструментами:

• Транспиляция через Babel
• Бандлинг (Webpack/Vite)
• Tree-shaking для оптимизации
• Динамический импорт для code-splitting