Migrate angular application build system

Author: oguzhanagir

angular/.browserslistrc

@@ -9,4 +9,6 @@
 last 2 versions
 Firefox ESR
 not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.
+not IE 9-11
+not kaios 2.5
+not op_mini all

angular/angular.json

@@ -9,13 +9,16 @@
       "projectType": "application",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "tsConfig": "src/tsconfig.json",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "assets": [
               "src/assets",
               "src/favicon.ico",
@@ -49,12 +52,11 @@
               "src/assets/abp-web-resources/abp.freeze-ui.js",
               "node_modules/abp-web-resources/Abp/Framework/scripts/libs/abp.moment.js"
             ],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -69,8 +71,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

angular/package.json

@@ -6,10 +6,10 @@
   "scripts": {
     "pree2e": "webdriver-manager update --standalone false --gecko false",
     "e2e": "protractor",
-    "hmr": "ng serve --host 0.0.0.0 --port 4200 --hmr",
+    "hmr": "ng serve --host 0.0.0.0 --port 4200",
     "lint": "tslint --force --project src/tsconfig.json src/**/*.ts -t verbose",
     "ng": "ng",
-    "start": "ng serve --host 0.0.0.0 --port 4200",
+    "start": "ng serve --host 0.0.0.0 --port 4200 --no-hmr",
     "test": "ng test"
   },
   "dependencies": {

angular/src/app-initializer.ts

@@ -38,7 +38,7 @@ export class AppInitializer {
                   const angularLocale = this.convertAbpLocaleToAngularLocale(
                     abp.localization.currentLanguage.name
                   );
-                  import(`/node_modules/@angular/common/locales/${angularLocale}.mjs`).then(
+                  import(`../node_modules/@angular/common/locales/${angularLocale}.mjs`).then(
                     (module) => {
                       registerLocaleData(module.default);
                       resolve(result);

angular/src/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "declaration": false,
     "downlevelIteration": true,
@@ -11,7 +12,8 @@
     "moduleResolution": "node",
     "outDir": "../dist/out-tsc",
     "sourceMap": true,
-    "target": "es2015",
+    "target": "ES2022",
+    "useDefineForClassFields": false,
     "typeRoots": [
       "../node_modules/@types"
     ],
@@ -21,7 +23,6 @@
       "@app/*": [ "./app/*" ],
       "@shared/*": [ "./shared/*" ],
       "@node_modules/*": [ "../node_modules/*" ],
-      "@angular/*": ["../node_modules/@angular/*"],
     }
   },
   "files": [

angular/tsconfig.json

@@ -4,6 +4,9 @@
   To learn more about this file see: https://angular.io/config/solution-tsconfig.
 */
 {
+  "compilerOptions": {
+    "esModuleInterop": true
+  },
     "files": [],
     "references": [
       {