角CLI：前缀，以图像的路径到CSS

Question

在组件的CSS链接图像看起来是这样的：

background: url("/assets/map.jpg"); 

，但我需要在生产CSS路径，图像将可以解决这样的：

background: url("/static/assets/map.jpg"); 

Angular CLI可以做到这一点吗？

Answer 1

您可以使用isDevMode与ngClass。假设你的css如下所示

.bg-dev { 
    background: url("/assets/map.jpg"); 
} 

.bg-prod { 
    background: url("/static/assets/map.jpg"); 
} 

使用ngClass在这两个类之间切换。

<some-element [ngClass]="{'bg-dev': devMode , 'bg-prod': !devMode}">...</some-element> 

，并在组件的答案

import { isDevMode } from '@angular/core'; 

export class AppComponent { 
    devMode:boolean = false; 

    constructor() { 
    this.devMode = isDevMode(); 
    } 
}