I hope this helps others and future me trying to upgrade AngularJS apps.Pug is a template engine that allows you to write cleaner templates with less repetition. I think we will develop new parts of the app in Angular and only rewrite the AngularJS parts which are buggy or need refactoring. The full upgrade takes months or even may never come. So we can rewrite and move components from AngularJS to Angular gradually. I also love and use prettier everywhere I can.Īfter all these steps we can just start upgrading the app! I mean now we can let AngularJS and Angular components co-exist.
Mainly because tslint is deprecated and also because of the smoother integration of eslint with prettier and other tools. But I just want to mention here that I decided to remove tslint and replace it with eslint. Setting up the linter is a separate issue and process from upgrading AngularJS. Good to mention that to properly use the rootScope we need to watch it. If any files outside Angular needs concatenation or Sass compilation, Angular's Webpack can be customized and extended using custom Webpack configurations.įollowing documentations here I used ngUpgrade to bootstrap the AngularJS module. I will discuss how to bootstrap AngularJS inside Angular in the next step. JS concatenation is not needed anymore because AngularJS is bootstrapped inside Angular and all dependent files are linked and bundled using the import syntax. I added the entry file to the Angular's src/styles.scss so that all existing styles are compiled "app/main" Angular 9 uses Webpack to do this and it is configured by default. Gulp was used to compile Sass files and concatenate JS files. The first step was to install Angular CLI and bootstrap a new project right next to the old AngularJS app files inside the same repository. It took some effort as I had forgotten the tools which were popular in the olden times! The project used Gulp, Sass, and server-side Jade (Pug). Recently I had to upgrade a 5-year-old codebase from AngularJS 1.4 to Angular 9. One option is to migrate to ReactJS, but some choose to ``upgrade and continue using Angular. So many projects using AngularJS have started considering the options. Update: What happened a year after, read thisĪngularJS end of life is near.
0 kommentar(er)
