2017-02-12 101 views
0

我想在我正在構建的Angular2應用程序中使用外部css資源(Salesforce的Lightning設計系統)。Angular-CLI和css ..

我已經安裝了它與鮑爾,並得到'樣式'條目在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> 

一切都很好..這不覺得升艾克這是做到這一點的最佳方式..但我仍然非常樂於接受建議!