Кто может поделиться опытом переписывание legacy кода?

Имеется проект с большим количеством legacy кода. Цель переписать все на Framework (Angular/Vue).
Но это займет много времени, которого нету.
Собирается (склеивается) проект по grunt. Все подключается отдельными файлами, Код написан с использованием jquery.
Было принято решение модернизировать код, сделать его модульным для быстрой и удобной разработки.
Сейчас уже почти переписано на Webpack, что бы заменить grunt сборщик из-за этого много костылей и танцев с бубном, что бы все работа как прежде. Теперь стоит вопрос, что делать дальше?
Имеется у кого-то опыт написания такого кода (пример), который в будущем можно был б переписать быстро на Framework? Получается что проект будет использовать Webpack, а профит только в современных фичах. Код уменьшается но пишется все по старой схеме.
Буду рад получить советы от тех кто таким занимался и смог довести до конца миграцию кода.

Первое что пришло на ум:
- Постепенно отказаться от jquery где это возможно, не в ущерб читабельности.
- Отделить HTML (вынести в отдельные файлы с CSS) от JS.
- Подключить RxJS для Асинхронных операций.
- Для старых браузеров сделать legacy polyfill.

Если ли целесообразность подключать Vue для каждой страницы отдельно, а потом объединить это в SPA приложение?