Angular-CLI 및 CSS.

Question

저는 Angular2 앱에서 외부 CSS 리소스 (Salesforce의 Lightning Design System)를 사용하려고합니다.

나는 bower와 함께 설치했으며 정확한 css 파일을 인식하기 위해 angular-cli.json에 'styles'항목이 있습니다.

그러나이 패키지와 관련된 아이콘과 글꼴도 사용하고 있습니다. 빌드 프로세스는 내가 dist 디렉토리에서 볼 수있는 글꼴이 무엇인지 인식하고있는 것 같습니다. 그러나 거기에서 참조 된 아이콘을 얻는 방법을 모르겠습니다.

아이콘은, 예를 들어, 같은 호출됩니다 그러나

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

, I는 링크가/자산 디렉토리에 도착하는 방법을 설정 모른다. 이것은 angular-cli.json 파일에서도 수행됩니까? 그건 스타일이 아니에요 - 그래서 나는 그것이 어디로 갈지 궁금 하군요 ?? 내가 필요로하는 디렉토리에 매핑하는 명시 적 사용

내가 그것을 올바른 방법입니다 확실하지 않다 있지만 .. ..

라인 -

Answer 1

좋아, 나는 그것을 할 수있는 한 가지 방법을 알아 냈어

이

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

모두가 좋은 ..이 리터를 생각하지 않습니다

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

는 다음에 HTML 라인을 업데이트 app.js 나는 그것을 그러나하는 가장 좋은 길이다. .. 나는 제안에 아직도 매우 많이 열리다!