2017-02-12 78 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> 

一切都很好..这不觉得升艾克这是做到这一点的最佳方式..但我仍然非常乐于接受建议!