MindongLab / foochow-idioms

Foochow Idioms 福州话熟语大全
http://idioms.mindong.asia
23 stars 4 forks source link

Angular 2 Upgrade plan #34

Open ztl8702 opened 7 years ago

ztl8702 commented 7 years ago

This will be a long and challenging task. But it is possible and we can do it piece by piece.

First have a look at: https://angular.io/guide/upgrade

Angular (i.e. Angular 4) can run side by side with AngularJS (i.e. Angular 1). This means that we can write new components in Angular 4 and use them in the old Angular 1 application.

Of course, some configurations and cleaning up are necessary.

ztl8702 commented 7 years ago

@rovinglight

rovinglight commented 7 years ago

👌Seems like we should do that first before other things can go on.

ztl8702 commented 7 years ago

Proposed steps for upgrade:

  1. Configure webpack for module loading. This also prepares for the following step.

  2. Switch to TypeScript. This involves changing all .js files to .ts, and updating gulpfile.js to add TypeScript compilation to the build process.

  3. Change existing views and controllers to Component Directives. This will facilitate the upgrade to Angular 4 as "components" are the primary building blocks in Angular 4.

  4. Switch from ng-app to manual bootstrapping.

After these steps Angular 4 may be introduced into the project.

ztl8702 commented 6 years ago

All 4 preparation steps are done. Now kicking off the actual migration.