Aureliaでcssファイルで参照されるファイル（svg、fonts）を含める方法

Question

私は非常に基本的なセットアップをしています。連絡先マネージャのチュートリアルから派生しました。アセットフォルダのcssファイルを含めると、動作しますが、ブラウザコンソールに表示されているように「au run」を実行すると、そのcssファイルから参照されるファイルが見つかりません。

私はフォントを含めてそれほど単純ではありませんが、それを正しく行う方法についてはわかりません。 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 
    [...] 

Answer 1

これをラップするために、これは私が最終的に解決するために管理方法です上記の問題：

最初に、assetsフォルダーをsrcフォルダーと同じレベルのプロジェクトのルートにコピーしました。 は、その後、私は次のようにaurelia.jsonに設定cssPreprocessorを変更：

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

これは、指定したフォルダと内部参照からCSSファイルは現在SVGファイルとフォントの両方のために解決することができます含まれています。