Можно ли переписать весь код для поддержки старыми браузерами

Да, можно, но это требует дополнительных усилий. Основные подходы:

1. Транспиляция (Babel) – конвертирует современный JS (ES6+) в ES5.
2. Полифилы (core-js) – добавляют отсутствующие методы (Promise, fetch и т.д.).
3. Автопрефиксер – добавляет вендорные префиксы для CSS.
4. Фолбэки – альтернативные решения для неподдерживаемых API.

Пример транспиляции через Babel:

// Исходный код (ES6)
const foo = () => 'bar';

// После транспиляции (ES5)
var foo = function foo() {
  return 'bar';
};

Важно учитывать:

• Производительность (полифилы увеличивают размер бандла)
• Время разработки
• Целевые браузеры (можно настроить через browserslist)

Для сложных проектов лучше использовать готовые сборки (например, create-react-app с настройкой browserslist).