如何在Aurelia中包含css文件中引用的文件（svg，fonts）

Question

我有一个非常基本的设置，源自联系人管理器教程。尝试从资源文件夹中包含一个css文件，但是当我运行“运行”时，找不到该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文件和字体解析内部引用。