NPM 패키지 : 자산/이미지 패키지 전달

Question

(angular2) npm 패키지를 생성하여 내 (개인) 레지스트리에 업로드했습니다.

구성 요소 자체는 매우 쉽고 아이콘을 표시해야합니다. 여기 템플릿을 참조하십시오 :

<span 
    [class]="'icon icon-' + key" 
    [inlineSVG]="'./assets/icons.svg#' + key" 
    aria-hidden="true" 
></span> 

[inlineSVG]의 경로가 표시됨에 따라 패키지와 함께 아이콘을 제공하고 싶습니다. 그래서 나는 ./assets 폴더에 넣었습니다.

하지만 매번 내가 패키지를 게시하고 내 응용 프로그램으로 가져, 나는 파일을 찾을 수 없다는 404 얻을 : 나는 꿀꺽 내 패키지를 짓고 있어요

. 필요한 경우 gulpfile을 게시 할 수 있습니다.

내 질문 : 일반적으로 npm 패키지에 자산 (이미지)을 제공 할 수 있습니까?

은 어떤 도움이 크게 감사합니다 :)

Answer 1

음을 기술적으로 더 당신이 자산하지만 실제 경로 변경 사항을 업로드 할 수 없습니다 수 없습니다 때문입니다. 자산은 node_modules 폴더에 있기 때문에 솔직하게 서버에서 제공되지 않습니다.

당신이 할 수있는 일은 CSS에서 svgs를 인라인으로 가져 오는 것입니다. https://github.com/davidkpiano/sass-svg

그렇지 않으면 이미지의 base64 URI를 포함하십시오.