2017-02-12 11 views
0

私は建物のAngular2アプリで外部CSSリソース(SalesforceのLightning Design System)を使用しようとしています。Angular-CLIとCSS ..

私はそれをbowerと一緒にインストールしました。正しいcssファイルを認識するために、angular-cli.jsonに 'styles'エントリがあります。

ただし、このパッケージに関連するアイコンとフォントもあります。ビルドプロセスはdistディレクトリでこれらを見ることができるので、どのようなフォントが必要なのかを認識しているようですが、そこで参照されているアイコンを取得する方法はわかりません。

アイコンは、例えば、のように呼ばれています。

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

しかし、私はセットアップその/資産ディレクトリを取得するためのリンクをする方法がわかりません。これはangular-cli.jsonファイルでも行われますか?それはスタイルではありません - 私はそれが行くだろう好奇心が強いですか?私は私が必要とするディレクトリにマップする特急使用

私はそれが正しい方法だか分からないが.. ..

ラインで -

答えて

0

わかりましたので、私はそれを行うための一つの方法を考え出しました

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

をapp.js、その後にHTMLの行を更新:これはリットルを感じていません...すべてが良いです

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

私はそれを行うための最良の方法ですが、私はまだ非常に多くの提案に開いています!

関連する問題