title: Different css image path for dev & prod
body: <p>I'm using angular and scss in an app and I need a different path for dev and prod. Using a different scss file </p>
  
  <p>background-image: url($imgPath + 'assets/map.png');</p>
  
  <p>basically my $imgPath variable has the value of '/' for dev and all works fine but for pro I don't ant the forward slash, so it is set to '' (empty). The problem is that when I build the app for prod with 'ng build --prod' it throws an error saying it can't resolve the png files.</p>
  
  <pre><code>ERROR in Child compilation failed:
  Module Error (from ./node_modules/postcss-loader/src/index.js):
  (Emitted value instead of an instance of Error) CssSyntaxError: D:\ClientApp\src\app\components\board\board.
  component.scss:8:26: Can't resolve 'map.png' in 'D:\ClientApp\src\app\components\board'
  
  NonErrorEmittedError: (Emitted value instead of an instance of Error) CssSyntaxError: D:\ClientApp\src\app\components\board\board.component.scss:8:26: Can't resolve 'map.png' in 'D:\ClientApp\src\app\components\board'
  
     6 |   align-items: center;
     7 |   width: auto;
  &gt;  8 |   background-image: url("assets/map.png");
       |                          ^
     9 |   background-position: center;
    10 |   background-repeat: no-repeat;
  </code></pre>
  
  <p>It seems that I have the output wrong and it won't work but it's not. I am hosting the app in a 3rd party environment and the '/' is causing a wrong path in that environment. 
  Not sure if I am using the best solution by replacing the scss file in the angular configuration file but seems to work, the issue is that the build fails because in complains about the wrong path that is not wrong for what I want.</p>
  
  <p>Any suggestion?</p>