각도는 자산을 새로운 각도 4 프로젝트 오픈 각도-CLI

과 폴더를로드 할 수 없습니다 나는 내 자산 폴더를로드하기 위해 노력하고있어 나는 오류를각도는 자산을 새로운 각도 4 프로젝트 오픈 각도-CLI

순 얻을 : ERR_ABORTED

을

assets 폴더에서 fonts.css 또는 파일을 가져 오려고하는데이 오류가 발생합니다. 내가 뭘 잘못하고있어?

나는이 방법을 시도하고 난 여전히 프로젝트는 생산 폴더가 생성됩니다 angular-cli와 빌드 과정에서

"styles": [ 
     "styles.css", 
     "assets/fonts/fonts.css", 
     "assets/stylesheets/ionicons.min", 
     "assets/stylesheets/fonts/fonts.css", 
     "assets/stylesheets/bootstrap.css", 
     "assets/stylesheets/isotope.css", 
     "assets/stylesheets/venobox.css", 
     "assets/stylesheets/sinister.css", 
     "assets/stylesheets/slimmenu.css", 
     "assets/stylesheets/main.css", 
     "assets/stylesheets/main-bg.css", 
     "assets/stylesheets/main-responsive.css" 

    ],

출처

2017-11-06 Adir Zoari

angular.cli에 assets/external scripts/stylesheets을 포함시키는 방법에 대해 읽어보십시오. '.angular-cli.json'을보세요. – lexith

은 assets/fonts/fonts.css에 있습니다. – Hareesh

을 컴파일하지, 자산, 글꼴, 스타일 시트 또는 플러그인과 같은 로컬 파일에 따라서 경로 (/ 스크립트)가 변경됩니다.

Angular CLI에는 .angular-cli.json에있는 경로를 지정하여이를 처리 할 수있는 빌드가 있습니다.

... 
"apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
      "favicon.ico", 
      // place the relative paths to your assets, like images, here 
     ], 
     "styles": [ 
      "assets/fonts/fonts.css" 
     ], 
     "scripts": [ 
      "../node_modules/jquery/dist/jquery.js", 
      "assets/javascript/libs/common.js" 
     ], 
     ... 
    } 
    ], 
    ...

는 희망이 도움이 :

이이처럼 보이는 부분을 찾을 수 있습니다.

업데이트 : 특정 폴더에 여러 스타일 시트를 포함한 사용하여 와일드 카드/globs와 수 없습니다 :로드 순서는 관련이 있기 때문에 우리는 스타일에 글로브 지원을 추가보고하지 않을

. 대신, 원하는 순서대로 모든 것을 가져 와서 styles 배열에 넣는 단일 파일을 만드십시오. 자료 : 제안으로 https://github.com/angular/angular-cli/issues/3069

, 당신은 SASS 또는 LESS 들여다 올바른 순서로 당신의 스타일을 모두 포함 하나의 메인 스타일 시트를 생성하고, 생성 된 CSS 파일을 포함해야한다. 외부 css librarybootstrap처럼 사용하려는 경우

출처

2017-11-06 19:47:22 lexith

자산에 무엇을 써야할까요? 자산의 전체 경로? –

'angular-cli.json'에서 특정 파일/폴더로의 상대 경로 – lexith

"src/assets /"라고 쓰고 여전히 작동하지 않습니다. –

Try to write your `css` in `styles.css` and in `component.css`

그러나, 다음 npm로를 설치하고 angular-cli.json 스타일 섹션에서 참조를 전달합니다.

출처

2017-11-06 22:34:41

각도는 자산을 새로운 각도 4 프로젝트 오픈 각도-CLI

답변

관련 문제