chore: use application builder for demo app

Author: json-derulo

.gitignore

@@ -41,6 +41,7 @@ npm-debug.log
 yarn-error.log
 testem.log
 /typings
+/.nx
 
 # System Files
 .DS_Store

angular.json

@@ -15,22 +15,16 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist/angular-material-css-vars",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "browser": "src/main.ts",
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.scss"],
-            "scripts": [],
-            "vendorChunk": true,
-            "extractLicenses": false,
-            "buildOptimizer": false,
-            "sourceMap": true,
-            "optimization": false,
-            "namedChunks": true
+            "scripts": []
           },
           "configurations": {
             "production": {
@@ -40,13 +34,7 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "optimization": true,
               "outputHashing": "all",
-              "sourceMap": false,
-              "namedChunks": false,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -58,6 +46,12 @@
                   "maximumWarning": "6kb"
                 }
               ]
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
             }
           }
         },
@@ -69,8 +63,12 @@
           "configurations": {
             "production": {
               "buildTarget": "angular-material-css-vars:build:production"
+            },
+            "development": {
+              "buildTarget": "angular-material-css-vars:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
@@ -135,7 +133,7 @@
   "cli": {
     "analytics": false,
     "cache": {
-      "enabled": false
+      "enabled": true
     },
     "schematicCollections": ["@angular-eslint/schematics"]
   }

package.json

@@ -10,7 +10,7 @@
     "ubl": "npx browserslist@latest --update-db",
     "demo": "run-s demo.build demo.gh-pages",
     "demo.build": "ng build --aot --configuration production --base-href='./'",
-    "demo.gh-pages": "gh-pages -d dist/angular-material-css-vars",
+    "demo.gh-pages": "gh-pages -d dist/angular-material-css-vars/browser",
     "lib": "run-s lib.build copy",
     "lib.build": "ng build material-css-vars",
     "copy": "run-s copy.licence copy.readme",

src/polyfills.ts

@@ -1,4 +1,4 @@
-@use "/projects/material-css-vars" as mat-css-vars;
+@use "../projects/material-css-vars" as mat-css-vars;
 @use "@angular/material" as mat;
 
 @import "./app/app.theme";

src/styles.scss

@@ -4,6 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": ["src/main.ts", "src/polyfills.ts"],
+  "files": ["src/main.ts"],
   "include": ["src/**/*.d.ts"]
 }