Migration Angular CLI to NX

2025-12-28 22:42:11 +01:00 · 2025-01-29 15:37:46 +01:00
parent 6d28662431
commit c59a09c252
6 changed files with 224 additions and 180 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -50,4 +50,8 @@ testem.log
 Thumbs.db

 libs/swagger/src/lib/*
-*storybook.log
+*storybook.log
+
+
+.nx/cache
+.nx/workspace-data
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,7 +1,8 @@
 {
-    "recommendations": [
-        "johnpapa.angular2",
-        "esbenp.prettier-vscode",
-        "angular.ng-template",
-    ]
+  "recommendations": [
+    "johnpapa.angular2",
+    "esbenp.prettier-vscode",
+    "angular.ng-template",
+    "nrwl.angular-console"
+  ]
 }
--- a/angular.json
+++ b/angular.json
@@ -1,164 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "apps",
-  "projects": {
-    "isa-app": {
-      "projectType": "application",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss"
-        },
-        "@schematics/angular:application": {
-          "strict": true
-        }
-      },
-      "root": "apps/isa-app",
-      "sourceRoot": "apps/isa-app/src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "allowedCommonJsDependencies": [
-              "lodash",
-              "moment",
-              "jsrsasign",
-              "pdfjs-dist/build/pdf",
-              "pdfjs-dist/web/pdf_viewer",
-              "pdfjs-dist/es5/build/pdf",
-              "pdfjs-dist/es5/web/pdf_viewer"
-            ],
-            "outputPath": "dist/isa-app",
-            "index": "apps/isa-app/src/index.html",
-            "main": "apps/isa-app/src/main.ts",
-            "polyfills": "apps/isa-app/src/polyfills.ts",
-            "tsConfig": "apps/isa-app/tsconfig.app.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "apps/isa-app/src/favicon.ico",
-              "apps/isa-app/src/assets",
-              "apps/isa-app/src/config",
-              "apps/isa-app/src/silent-refresh.html",
-              "apps/isa-app/src/manifest.webmanifest",
-              {
-                "glob": "**/*",
-                "input": "node_modules/scandit-web-datacapture-barcode/build/engine",
-                "output": "scandit"
-              }
-            ],
-            "styles": [
-              "apps/isa-app/src/styles.scss"
-            ],
-            "scripts": [],
-            "serviceWorker": true,
-            "ngswConfigPath": "apps/isa-app/ngsw-config.json"
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "25kb"
-                }
-              ],
-              "fileReplacements": [
-                {
-                  "replace": "apps/isa-app/src/environments/environment.ts",
-                  "with": "apps/isa-app/src/environments/environment.prod.ts"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "buildOptimizer": false,
-              "optimization": false,
-              "vendorChunk": true,
-              "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "configurations": {
-            "production": {
-              "buildTarget": "isa-app:build:production"
-            },
-            "development": {
-              "buildTarget": "isa-app:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "buildTarget": "isa-app:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "tsConfig": "apps/isa-app/tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "apps/isa-app/src/favicon.ico",
-              "apps/isa-app/src/assets",
-              "apps/isa-app/src/manifest.webmanifest"
-            ],
-            "styles": [
-              "apps/isa-app/src/styles.scss"
-            ],
-            "scripts": []
-          }
-        },
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "configDir": "apps/isa-app/.storybook",
-            "browserTarget": "isa-app:build",
-            "compodoc": true,
-            "compodocArgs": [
-              "-e",
-              "json",
-              "-d",
-              "apps/isa-app"
-            ],
-            "port": 6006
-          }
-        },
-        "build-storybook": {
-          "builder": "@storybook/angular:build-storybook",
-          "options": {
-            "configDir": "apps/isa-app/.storybook",
-            "browserTarget": "isa-app:build",
-            "compodoc": true,
-            "compodocArgs": [
-              "-e",
-              "json",
-              "-d",
-              "apps/isa-app"
-            ],
-            "outputDir": "storybook-static"
-          }
-        }
-      }
-    }
-  },
-  "cli": {
-    "analytics": false
-  }
-}
--- a/apps/isa-app/project.json
+++ b/apps/isa-app/project.json
@@ -0,0 +1,158 @@
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "name": "isa-app",
+  "projectType": "application",
+  "generators": {
+    "@schematics/angular:component": {
+      "style": "scss"
+    },
+    "@schematics/angular:application": {
+      "strict": true
+    }
+  },
+  "sourceRoot": "apps/isa-app/src",
+  "prefix": "app",
+  "targets": {
+    "build": {
+      "executor": "@angular-devkit/build-angular:browser",
+      "options": {
+        "allowedCommonJsDependencies": [
+          "lodash",
+          "moment",
+          "jsrsasign",
+          "pdfjs-dist/build/pdf",
+          "pdfjs-dist/web/pdf_viewer",
+          "pdfjs-dist/es5/build/pdf",
+          "pdfjs-dist/es5/web/pdf_viewer"
+        ],
+        "outputPath": "dist/isa-app",
+        "index": "apps/isa-app/src/index.html",
+        "main": "apps/isa-app/src/main.ts",
+        "polyfills": "apps/isa-app/src/polyfills.ts",
+        "tsConfig": "apps/isa-app/tsconfig.app.json",
+        "inlineStyleLanguage": "scss",
+        "assets": [
+          "apps/isa-app/src/favicon.ico",
+          "apps/isa-app/src/assets",
+          "apps/isa-app/src/config",
+          "apps/isa-app/src/silent-refresh.html",
+          "apps/isa-app/src/manifest.webmanifest",
+          {
+            "glob": "**/*",
+            "input": "node_modules/scandit-web-datacapture-barcode/build/engine",
+            "output": "scandit"
+          }
+        ],
+        "styles": [
+          "apps/isa-app/src/styles.scss"
+        ],
+        "scripts": [],
+        "serviceWorker": true,
+        "ngswConfigPath": "apps/isa-app/ngsw-config.json"
+      },
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "2mb",
+              "maximumError": "5mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "25kb"
+            }
+          ],
+          "fileReplacements": [
+            {
+              "replace": "apps/isa-app/src/environments/environment.ts",
+              "with": "apps/isa-app/src/environments/environment.prod.ts"
+            }
+          ],
+          "outputHashing": "all"
+        },
+        "development": {
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
+        }
+      },
+      "defaultConfiguration": "production",
+      "outputs": [
+        "{options.outputPath}"
+      ]
+    },
+    "serve": {
+      "executor": "@angular-devkit/build-angular:dev-server",
+      "configurations": {
+        "production": {
+          "buildTarget": "isa-app:build:production"
+        },
+        "development": {
+          "buildTarget": "isa-app:build:development"
+        }
+      },
+      "defaultConfiguration": "development"
+    },
+    "extract-i18n": {
+      "executor": "@angular-devkit/build-angular:extract-i18n",
+      "options": {
+        "buildTarget": "isa-app:build"
+      }
+    },
+    "test": {
+      "executor": "@angular-devkit/build-angular:karma",
+      "options": {
+        "tsConfig": "apps/isa-app/tsconfig.spec.json",
+        "karmaConfig": "karma.conf.js",
+        "polyfills": [
+          "zone.js",
+          "zone.js/testing"
+        ],
+        "inlineStyleLanguage": "scss",
+        "assets": [
+          "apps/isa-app/src/favicon.ico",
+          "apps/isa-app/src/assets",
+          "apps/isa-app/src/manifest.webmanifest"
+        ],
+        "styles": [
+          "apps/isa-app/src/styles.scss"
+        ],
+        "scripts": []
+      }
+    },
+    "storybook": {
+      "executor": "@storybook/angular:start-storybook",
+      "options": {
+        "configDir": "apps/isa-app/.storybook",
+        "browserTarget": "isa-app:build",
+        "compodoc": true,
+        "compodocArgs": [
+          "-e",
+          "json",
+          "-d",
+          "apps/isa-app"
+        ],
+        "port": 6006
+      }
+    },
+    "build-storybook": {
+      "executor": "@storybook/angular:build-storybook",
+      "options": {
+        "configDir": "apps/isa-app/.storybook",
+        "browserTarget": "isa-app:build",
+        "compodoc": true,
+        "compodocArgs": [
+          "-e",
+          "json",
+          "-d",
+          "apps/isa-app"
+        ],
+        "outputDir": "storybook-static"
+      }
+    }
+  }
+}
--- a/nx.json
+++ b/nx.json
@@ -0,0 +1,39 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "cli": {
+    "packageManager": "npm"
+  },
+  "targetDefaults": {
+    "build": {
+      "cache": true,
+      "dependsOn": [
+        "^build"
+      ],
+      "inputs": [
+        "production",
+        "^production"
+      ]
+    },
+    "test": {
+      "cache": true,
+      "inputs": [
+        "default",
+        "^production",
+        "{workspaceRoot}/karma.conf.js"
+      ]
+    }
+  },
+  "defaultBase": "develop",
+  "namedInputs": {
+    "sharedGlobals": [],
+    "default": [
+      "{projectRoot}/**/*",
+      "sharedGlobals"
+    ],
+    "production": [
+      "default",
+      "!{projectRoot}/tsconfig.spec.json",
+      "!{projectRoot}/**/*.spec.[jt]s"
+    ]
+  }
+}
--- a/package.json
+++ b/package.json
@@ -3,13 +3,13 @@
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
-    "start": "ng serve isa-app --ssl",
-    "test": "ng test isa-app",
-    "ci": "ng test isa-app --watch=false --browsers=ChromeHeadless --code-coverage",
-    "build": "ng build isa-app --configuration=development",
-    "build-prod": "ng build isa-app --configuration=production",
-    "lint": "ng lint",
-    "e2e": "ng e2e",
+    "start": "nx serve isa-app --ssl",
+    "test": "nx test isa-app",
+    "ci": "nx test isa-app --watch=false --browsers=ChromeHeadless --code-coverage",
+    "build": "nx build isa-app --configuration=development",
+    "build-prod": "nx build isa-app --configuration=production",
+    "lint": "nx lint",
+    "e2e": "nx e2e",
    "gen:swagger": "npm-run-all -l -n gen:swagger:* fix:files:swagger",
    "gen:swagger:availability": "ng-swagger-gen --config ng-swagger-gen/availability.json",
    "gen:swagger:cat": "ng-swagger-gen --config ng-swagger-gen/cat.json",
@@ -26,8 +26,8 @@
    "prettier": "prettier --write .",
    "pretty-quick": "pretty-quick --staged",
    "prepare": "husky",
-    "storybook": "ng run isa-app:storybook --no-open",
-    "build-storybook": "ng run isa-app:build-storybook"
+    "storybook": "nx run isa-app:storybook --no-open",
+    "build-storybook": "nx run isa-app:build-storybook"
  },
  "private": true,
  "dependencies": {
@@ -68,12 +68,17 @@
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^18.2.9",
+    "@angular-devkit/core": "^18.2.9",
+    "@angular-devkit/schematics": "^18.2.9",
    "@angular/cli": "^18.2.9",
    "@angular/compiler-cli": "^18.2.8",
    "@angular/language-service": "^18.2.8",
    "@chromatic-com/storybook": "^1.9.0",
    "@compodoc/compodoc": "^1.1.26",
    "@ngneat/spectator": "^19.0.0",
+    "@nx/angular": "20.4.0",
+    "@nx/workspace": "20.4.0",
+    "@schematics/angular": "^18.2.9",
    "@storybook/addon-docs": "^8.3.6",
    "@storybook/addon-essentials": "^8.3.6",
    "@storybook/addon-interactions": "^8.3.6",
@@ -99,6 +104,7 @@
    "ng-swagger-gen": "^2.3.1",
    "ngrx-store-freeze": "^0.2.4",
    "npm-run-all": "^4.1.5",
+    "nx": "20.4.0",
    "postcss": "^8.4.47",
    "prettier": "~3.3.3",
    "pretty-quick": "~4.0.0",
@@ -113,4 +119,4 @@
  "optionalDependencies": {
    "@rollup/rollup-linux-x64-gnu": "*"
  }
-}
+}