2017-02-12 4 views
0

Я пытаюсь использовать внешний ресурс css (Salesforce Lightning Design System) в приложении Angular2, которое я создаю.Угловой-CLI и css ..

Я установил его с беседкой и получил запись «styles» в angular-cli.json, чтобы узнать правильный файл css.

Однако есть иконы и шрифты, связанные с этим пакетом, которые я хочу использовать. Процесс сборки, похоже, распознает, какие шрифты мне нужны, поскольку я могу видеть их в каталоге dist, но я не знаю, как получить ссылки на них там вообще?

Значки, например, называют как:

<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevrondown"></use> 

Однако, я не знаю, как установить ссылку, чтобы получить в этот каталог/активов. Это также делается в файле angular-cli.json? Это не было бы стилями - так мне любопытно, куда это пойдет?

ответ

0

Хорошо, так что я понял, один из способов сделать это - хотя я не уверен, что это правильный путь ..

я использовал экспресс для отображения в каталоге мне нужно ..

линию app.js

app.use('/css', express.static(__dirname + '/node_modules/@salesforce-ux/design-system/assets/')) 

затем обновил HTML строку:

<use xlink:href="/css/icons/utility-sprite/svg/symbols.svg#chevrondown"></use> 

все хорошо .. это не чувствует л ike это лучший способ сделать это, однако .. Я все еще очень много для предложений!

Смежные вопросы