Famo.us 프로젝트에 외부 CSS 파일 포함

Question

Famo.us의 Yeoman 생성기를 사용하여 프로젝트를 만들었습니다.index.html 파일, 스타일 폴더, src 폴더 및 콘텐츠 폴더를 생성합니다.gruntfile은 index.html이 스타일 폴더 아래의 모든 CSS 파일을 포함하도록 지정합니다.그러나 내 index.html에서 참조하여 Google 글꼴 CSS 파일을 포함하고 싶습니다.grunt가 내 프로젝트에 파일을 저장할 때마다 내 변경 사항을 덮어쓰기 때문에 이것을 수동으로 삽입할 수 없습니다. grunt가 내 외부 CSS 파일을 로드하거나 내 index.html 파일에서 참조하도록 하려면 어떻게 해야 합니까?

Answer 1

스타일시트를 포함했는지 확인하세요. 밖의 ~의 <!-- build:css 코멘트.

이것은 작동합니다:

<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="lib/famous/core/famous.css" />

<!-- build:css(app/) css/app.css -->
<link rel="stylesheet" type="text/css" href="styles/app.css" />
<!-- bower:css -->

문제 해결:

• live-reload로 작동하지 않으면 서버를 다시 시작해 보세요!
• 페이지를 새로고침하세요(예:캐시를 지우거나 개발자 콘솔을 엽니다)

예시 파일:

보다 이 요지의 예제 파일!

설명:

index.html에서 CSS 스타일시트를 다시 작성하는 특정 Grunt 작업은 다음과 같습니다. cssmin, 와 함께 사용됩니다. useminPrepare 그리고 usemin.

원래, useminPrepare 를 쓴다 cssmin 당신을 위한 구성은 <!-- build:css HTML 파일의 주석.보다 사용 분 문서.