Как включить файлы (svg, fonts), указанные в файле css с Aurelia

Question

У меня есть очень простая настройка, полученная из учебника для менеджера контактов. Попытка включить файл css из папки с ресурсами работает, но любой файл, на который ссылается из этого css-файла, не может быть найден, когда я запускаю «au run», как указано в консоли браузера.

Я читал, что в том числе шрифты не совсем прямые, но я не уверен, как это сделать правильно. Что касается 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

Чтобы обернуть это, это, как я наконец-то удалось разрешить упомянутые вопросы:

Сначала я скопировал папку с ресурсами в корень моего проекта на том же уровне, что и папка src. Тогда я изменил настройки в aurelia.json cssPreprocessor следующим образом:

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

Это включает в CSS файлы из указанной папки и внутренние ссылки теперь могут быть разрешены для обоих файлов SVG и шрифтов.