Обновите Angular 2 с SystemJS до Angular 7

Question

Мне необходимо обновить приложение Angular 2 с помощью SystemJS до последней версии Angular, в настоящее время Angular 7. В нем также отсутствует Angular CLI, и я хотел бы добавить его в проект, поэтому есть два больших изменения.

Я прочитал это: https://update.angular.io/ Но там нет ничего про SystemJS.

Также прочитайте это, но это только о SystemJS: Переместите проект из SystemJS в Angular CLI / Webpack

Итак, как лучше всего выполнить эту задачу? Начать проект Angular7 с нуля с AngularCLI, вставлять файлы и исправлять ошибки? Идите шаг за шагом, обновляя angular, а затем измените SystemJS на AngularCLI? Сначала измените SystemJS на AngularCLI, а затем обновите версию Angular?

Спасибо.

Answer 1

От угловых 2 до угловых 7 все сильно меняется. Я думаю, что лучший способ должен быть:

• Установите angular-cli и изучите команду ng;
• Создайте проект по умолчанию с ng new и другими параметрами, такими как --styles scss (если вы используете scss), --routing true (если вы используете маршрутизацию) и другими параметрами, зависит от того, что использует ваш старый проект.
• Сравнение проекта, который вы создали, и ваш старый проект, структура каталогов сильно изменилась, вы должны знать, какая папка предназначена для исходного кода, какая папка для модульного теста, а какая папка для e2e теста;
• Удалить весь исходный код (* .ts, * .html, * .scss или * .css) в папке src/app проекта, созданного командой ng;
• Скопируйте код вашего старого проекта в соответствующую папку вашего нового проекта;
• Установите пакеты npm ваших старых проектов;
• Попробуйте построить свои проекты с ng build и исправить любые ошибки;
• Затем создайте свой проект с помощью ng build --prod и снова исправьте все ошибки;
• Если вы можете построить свой проект, попробуйте ng serve, чтобы его обслуживать, и перейдите к http://127.0.0.1:4200 с помощью браузера, посмотрите, что произойдет.

Обновление с углового 2 до углового 7 может быть большой проблемой, и удачи!