如何在.scss文件中導入angular2常數

Question

我有一個.scss文件，在其中我必須使用另一個文件中的全局變量將文件的路徑寫入。 在這種情況下，此變量應來自包含以下內容的環境文件夾：

1. 開發服務器的environment.prod.ts文件，

2. 用於本地生產的environment.ts文件

基本上，我必須使用此文件夾/文件中的對象屬性。

問題是，如何將這些文件導入到我的.scss文件中？

在typecript中，很容易： import {environment} from '../../environments/environment';

我想要來自scss文件的字符串值

$path: '/subfolder/subfolder_second';

使用環境文件中的變量進行交換。

$path: environment.url;

Answer 1

定義兩個全局的scss文件。 一個用於生產，一個用於開發。 在.angular-cli.json中添加兩個配置（一個用於生產模式，另一個用於開發模式）。 根據您所處的模式運行命令。