title: Angular 6 - Custom CSS not being loaded when in production
body: <p>I've included a Bootstrap theme into my app. I've copied the file into src folder (the same level as styles.css) and added it as the last css in angular.json like this:</p>
  
  <pre><code>"build": {
            "builder": "@angular-devkit/build-angular:browser",
            "options": {
              "outputPath": "dist/WFRH-Web",
              "index": "src/index.html",
              "main": "src/main.ts",
              "polyfills": "src/polyfills.ts",
              "tsConfig": "src/tsconfig.app.json",
              "assets": [
                "src/favicon.ico",
                "src/assets",
                "src/web.config"
              ],
              "styles": [
                "src/styles.css",
                "node_modules/bootstrap/dist/css/bootstrap.min.css",
                "node_modules/bootstrap-select/dist/css/bootstrap-select.min.css",
                "src/theme_minco.min.css"
  </code></pre>
  
  <p>and the styles are working correctly when in dev mode but they don't work after deploying my app.</p>
  
  <p>The steps I use for deploying are:</p>
  
  <pre><code>1) ng build --prod
  2) firebase deploy
  </code></pre>
  
  <p>I've also tried using an include in styles.css and only leaving styles.css in angular.json like this:</p>
  
  <pre><code>@import "theme_minco.min.css";
  </code></pre>
  
  <p>to no avail because it's not working either (it only works in dev).</p>
  
  <p>Any help, please?</p>