apparently you need to set extract-css to false

ninrod · ninrod · commit 00b0a7172695 · 2019-01-03T17:39:21.000-02:00
ref: angular/angular-cli#8577 (comment)
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -27,8 +27,8 @@ services:
     ports:
       - "4200:80"
     volumes:
-      - ./frontend/dist/frontend/:/usr/share/nginx/html/:ro
-      - ./nginx/conf/nginx.conf:/etc/nginx/nginx.conf:ro
+      - ./frontend/dist/frontend/:/usr/share/nginx/html/
+      - ./nginx/conf/nginx.conf:/etc/nginx/nginx.conf
     environment:
       - NGINX_HOST=ninrod.org
       - NGINX_PORT=80
diff --git a/frontend/angular.json b/frontend/angular.json
@@ -27,8 +27,8 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.scss",
-              "node_modules/bootstrap/dist/css/bootstrap.min.css"
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "src/styles.scss"
             ],
             "scripts": []
           },
@@ -43,19 +43,12 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": true,
-              "extractCss": true,
+              "extractCss": false,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
+              "buildOptimizer": true
             }
           }
         },
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Frontend</title>
-  <base href="/">
+  <base href=".">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
