如何在Visual Studio中少編譯編譯少

Question

我的第一天，當2015年

我有所有的項目通話少的文件夾css-src

然後我有一個指定路徑的字體編譯器選項，它表示將輸出文件放入wwwroot/css中。

這確實將編譯的文件放在預期的位置。

但是，字體的路徑未被正確編譯。

例如，在以下：

@font-face { 
font-family: 'Proxima Nova'; 
src: url('../fonts/Proxima_Nova_Semibold.eot'); 
src: url('../fonts/Proxima_Nova_Semibold.eot') format('embedded-opentype'), 
url('../fonts/Proxima_Nova_Semibold.woff2') format('woff2'), 
url('../fonts/Proxima_Nova_Semibold.woff') format('woff'), 
url('../fonts/Proxima_Nova_Semibold.ttf') format('truetype'), 
url('../fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
font-style: normal; 
font-weight: 600; 

}

在編譯的文件：

@font-face { 
font-family: 'Proxima Nova'; 
src: url('../../css-src/fonts/Proxima_Nova_Semibold.eot'); 
src: url('../../css-src/fonts/Proxima_Nova_Semibold.eot') format('embedded-  opentype'), url('../../css-src/fonts/Proxima_Nova_Semibold.woff2') format('woff2'), url('../../css-src/fonts/Proxima_Nova_Semibold.woff') format('woff'), url('../../css-src/fonts/Proxima_Nova_Semibold.ttf') format('truetype'), url('../../css- src/fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
    font-style: normal; 
    font-weight: 600; 
} 

編譯路徑不正確。它應該是fonts/Proxima_Nova_Semibold.eot

我應該如何配置？

Answer 1

聲明一個變量：

@path-fonts: "/fonts"; 

然後使用它。注意變量名稱周圍的大括號：

@font-face { 
    font-family: 'Proxima Nova'; 
    src: url('@{path-fonts}/Proxima_Nova_Semibold.eot'); 
    src: url('@{path-fonts}/Proxima_Nova_Semibold.eot') format('embedded-opentype'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.woff2') format('woff2'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.woff') format('woff'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.ttf') format('truetype'), 
    url('@{path-fonts}/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold') format('svg'); 
    font-style: normal; 
    font-weight: 600; 
}