build: change the build system to use vite and esmodule

sfeir-open-source · Oct 14, 2023 · 5f3dd29 · 5f3dd29
1 parent 11ef9fa
commit 5f3dd29
Show file tree

Hide file tree

Showing 66 changed files with 1,225 additions and 388 deletions.
diff --git a/apps/01-hands-on-solution/project.json b/apps/01-hands-on-solution/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/01-hands-on-solution",
         "index": "apps/01-hands-on-solution/src/index.html",
         "main": "apps/01-hands-on-solution/src/main.ts",
         "polyfills": "apps/01-hands-on-solution/src/polyfills.ts",
         "tsConfig": "apps/01-hands-on-solution/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/01-hands-on-solution/src/favicon.ico", "apps/01-hands-on-solution/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/01-hands-on-solution/src/styles.scss"],
+        "assets": [
+          "apps/01-hands-on-solution/src/favicon.ico",
+          "apps/01-hands-on-solution/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/01-hands-on-solution/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/01-hands-on-solution/src/**/*.ts", "apps/01-hands-on-solution/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/01-hands-on-solution/src/**/*.ts",
+          "apps/01-hands-on-solution/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/01-hands-on-solution"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/01-hands-on-solution"
+      ],
       "options": {
         "jestConfig": "apps/01-hands-on-solution/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/01-hands-on/project.json b/apps/01-hands-on/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/01-hands-on",
         "index": "apps/01-hands-on/src/index.html",
         "main": "apps/01-hands-on/src/main.ts",
         "polyfills": "apps/01-hands-on/src/polyfills.ts",
         "tsConfig": "apps/01-hands-on/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/01-hands-on/src/favicon.ico", "apps/01-hands-on/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/01-hands-on/src/styles.scss"],
+        "assets": [
+          "apps/01-hands-on/src/favicon.ico",
+          "apps/01-hands-on/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/01-hands-on/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/01-hands-on/src/**/*.ts", "apps/01-hands-on/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/01-hands-on/src/**/*.ts",
+          "apps/01-hands-on/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/01-hands-on"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/01-hands-on"
+      ],
       "options": {
         "jestConfig": "apps/01-hands-on/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/02-ngg-solution/project.json b/apps/02-ngg-solution/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/02-ngg-solution",
         "index": "apps/02-ngg-solution/src/index.html",
         "main": "apps/02-ngg-solution/src/main.ts",
         "polyfills": "apps/02-ngg-solution/src/polyfills.ts",
         "tsConfig": "apps/02-ngg-solution/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/02-ngg-solution/src/favicon.ico", "apps/02-ngg-solution/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/02-ngg-solution/src/styles.scss"],
+        "assets": [
+          "apps/02-ngg-solution/src/favicon.ico",
+          "apps/02-ngg-solution/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/02-ngg-solution/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/02-ngg-solution/src/**/*.ts", "apps/02-ngg-solution/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/02-ngg-solution/src/**/*.ts",
+          "apps/02-ngg-solution/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/02-ngg-solution"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/02-ngg-solution"
+      ],
       "options": {
         "jestConfig": "apps/02-ngg-solution/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/02-ngg/project.json b/apps/02-ngg/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/02-ngg",
         "index": "apps/02-ngg/src/index.html",
         "main": "apps/02-ngg/src/main.ts",
         "polyfills": "apps/02-ngg/src/polyfills.ts",
         "tsConfig": "apps/02-ngg/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/02-ngg/src/favicon.ico", "apps/02-ngg/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/02-ngg/src/styles.scss"],
+        "assets": [
+          "apps/02-ngg/src/favicon.ico",
+          "apps/02-ngg/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/02-ngg/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/02-ngg/src/**/*.ts", "apps/02-ngg/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/02-ngg/src/**/*.ts",
+          "apps/02-ngg/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/02-ngg"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/02-ngg"
+      ],
       "options": {
         "jestConfig": "apps/02-ngg/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/03-cpt-hierarchy-solution/project.json b/apps/03-cpt-hierarchy-solution/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/03-cpt-hierarchy-solution",
         "index": "apps/03-cpt-hierarchy-solution/src/index.html",
         "main": "apps/03-cpt-hierarchy-solution/src/main.ts",
         "polyfills": "apps/03-cpt-hierarchy-solution/src/polyfills.ts",
         "tsConfig": "apps/03-cpt-hierarchy-solution/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/03-cpt-hierarchy-solution/src/favicon.ico", "apps/03-cpt-hierarchy-solution/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/03-cpt-hierarchy-solution/src/styles.scss"],
+        "assets": [
+          "apps/03-cpt-hierarchy-solution/src/favicon.ico",
+          "apps/03-cpt-hierarchy-solution/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/03-cpt-hierarchy-solution/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/03-cpt-hierarchy-solution/src/**/*.ts", "apps/03-cpt-hierarchy-solution/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/03-cpt-hierarchy-solution/src/**/*.ts",
+          "apps/03-cpt-hierarchy-solution/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/03-cpt-hierarchy-solution"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/03-cpt-hierarchy-solution"
+      ],
       "options": {
         "jestConfig": "apps/03-cpt-hierarchy-solution/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/03-cpt-hierarchy/project.json b/apps/03-cpt-hierarchy/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/03-cpt-hierarchy",
         "index": "apps/03-cpt-hierarchy/src/index.html",
         "main": "apps/03-cpt-hierarchy/src/main.ts",
         "polyfills": "apps/03-cpt-hierarchy/src/polyfills.ts",
         "tsConfig": "apps/03-cpt-hierarchy/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/03-cpt-hierarchy/src/favicon.ico", "apps/03-cpt-hierarchy/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/03-cpt-hierarchy/src/styles.scss"],
+        "assets": [
+          "apps/03-cpt-hierarchy/src/favicon.ico",
+          "apps/03-cpt-hierarchy/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/03-cpt-hierarchy/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/03-cpt-hierarchy/src/**/*.ts", "apps/03-cpt-hierarchy/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/03-cpt-hierarchy/src/**/*.ts",
+          "apps/03-cpt-hierarchy/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/03-cpt-hierarchy"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/03-cpt-hierarchy"
+      ],
       "options": {
         "jestConfig": "apps/03-cpt-hierarchy/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/04-binding-solution/project.json b/apps/04-binding-solution/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/04-binding-solution",
         "index": "apps/04-binding-solution/src/index.html",
         "main": "apps/04-binding-solution/src/main.ts",
         "polyfills": "apps/04-binding-solution/src/polyfills.ts",
         "tsConfig": "apps/04-binding-solution/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/04-binding-solution/src/favicon.ico", "apps/04-binding-solution/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/04-binding-solution/src/styles.scss"],
+        "assets": [
+          "apps/04-binding-solution/src/favicon.ico",
+          "apps/04-binding-solution/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/04-binding-solution/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/04-binding-solution/src/**/*.ts", "apps/04-binding-solution/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/04-binding-solution/src/**/*.ts",
+          "apps/04-binding-solution/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/04-binding-solution"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/04-binding-solution"
+      ],
       "options": {
         "jestConfig": "apps/04-binding-solution/jest.config.ts",
         "passWithNoTests": true

diff --git a/apps/04-binding/project.json b/apps/04-binding/project.json
@@ -6,17 +6,25 @@
   "prefix": "sfeir",
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:browser-esbuild",
+      "outputs": [
+        "{options.outputPath}"
+      ],
       "options": {
         "outputPath": "dist/apps/04-binding",
         "index": "apps/04-binding/src/index.html",
         "main": "apps/04-binding/src/main.ts",
         "polyfills": "apps/04-binding/src/polyfills.ts",
         "tsConfig": "apps/04-binding/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": ["apps/04-binding/src/favicon.ico", "apps/04-binding/src/assets"],
-        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "apps/04-binding/src/styles.scss"],
+        "assets": [
+          "apps/04-binding/src/favicon.ico",
+          "apps/04-binding/src/assets"
+        ],
+        "styles": [
+          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+          "apps/04-binding/src/styles.scss"
+        ],
         "scripts": []
       },
       "configurations": {
@@ -73,12 +81,17 @@
     "lint": {
       "executor": "@nx/linter:eslint",
       "options": {
-        "lintFilePatterns": ["apps/04-binding/src/**/*.ts", "apps/04-binding/src/**/*.html"]
+        "lintFilePatterns": [
+          "apps/04-binding/src/**/*.ts",
+          "apps/04-binding/src/**/*.html"
+        ]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/apps/04-binding"],
+      "outputs": [
+        "{workspaceRoot}/coverage/apps/04-binding"
+      ],
       "options": {
         "jestConfig": "apps/04-binding/jest.config.ts",
         "passWithNoTests": true