如何包括CSS文件中引用與Aurelia路上

我有一個非常基本的安裝文件（SVG，字體），從聯繫人管理器教程的。嘗試從資源文件夾中包含css文件，但在瀏覽器控制檯中運行'au run'時，找不到在該css文件中引用的任何文件。如何包括CSS文件中引用與Aurelia路上

，我讀了包括字體是不是很簡單的，但我不能確定如何正確地做到這一點。關於SVG文件，我讀到它們基本上只是文本文件，我可以從aurelia.json中包含它們。但它沒有奏效。也許我錯過了一些東西，或者我發現的信息已經過時了。

brand.css：

body::after { 
content: url("../../images/checkbox-unchecked.svg") [...] 

@font-face { 
font-family: 'Avenir Next'; 
src: url("../../fonts/avenir/avenir-regular-lat-ext.eot?#iefix"); [...]

app.html：

<require from="./assets/css/styleguide/brand.css"></require>

文件夾結構：

src 
-assets 
    -css 
    -styleguide 
     brand.css 
    -fonts 
    [...] 
    -images 
    [...]

來源

2017-01-02 jackie.ms

爲了總結這件事，這是怎麼了，我終於設法解決提到的問題：

首先，我將資產文件夾複製到我的項目的根目錄，與src文件夾位於同一級別。後來我改變了cssPreprocessor在aurelia.json設置如下：

"cssProcessor": { 
    ... 
    "fileExtension": ".css", 
    "source": "assets/**/*.css" 
},

這包括從指定的文件夾中的css文件和內部引用現在可以爲這兩個SVG文件和字體來解決。

來源

2017-02-21 11:56:03

如何包括CSS文件中引用與Aurelia路上

回答

相關問題