Yeoman : '과즙 봉사'작업 및 상대 경로

Question

나는 Yeoman을 사용하고 있습니다. 나는 그것에 대해 오히려 새로운 사람입니다. 내 웹 사이트의 하위 디렉토리에 프로젝트를 만들려고하는데 내 index.html에서 내 사이트의 다른 위치에있는 디렉토리에 저장된 파일에 액세스하고 싶습니다. 여기에 일이 설정 방법의 거친 아이디어 :

main site -> css -> grid.css 
      |  -> main.css 
      | 
      -> project -> app -> index.html 
        | 
        -> dist 
        | 
        -> test 
        | 
        -> gruntfile.js etc 

문제는 그 index.html을에 나는 그러나 많은

'./../../css/grid.css' 

(또는 같은 상대 경로를 사용하려고하면 ../ s는 실제 파일을 가져와야합니다.) 그런 다음 'grunt serve'를 실행하면 서버가 파일을 찾을 수없는 것처럼 보입니다. 그럼, 어떻게 이런 파일들이 존재하지 않는지 말할 수 있을까요?

WAMP와 PHP를 사용하기 전에 내가 설정할 수있는 변수가 생기고 라이브 환경과 테스트 환경이 다른 곳에 포함 파일이 있습니다. Grunt를 사용하여 비슷한 것을 추측 할 수 있지만, HTML에 해당 변수를 삽입하고 선택하는 방법을 확신 할 수 없습니다.

아이디어가 있으십니까?

미리 감사드립니다.

Answer 1

프로젝트 외부에 파일이있는 경우 프로젝트를 실행하기 전에 Grunt-Script를 변경하여 파일을 프로젝트에 복사하십시오.

두 번 사용하면 좋겠지 만 일반적인 프로젝트를 만들고 Bower를 사용하여 웹 프로젝트에이 공통 프로젝트를 포함시킵니다. 이것은

"my-common": "../common/", 

그런 다음 바우어가 모든 파일을 패키지에 확인됩니다 bower.json이 같은 줄을 추가하여 수행 할 것이라고는 다른 정자-구성 요소 (jQuery를, 부트 스트랩 등으로 할 것과 같은 방식으로)

당신의 HTML에서

당신은 당신에게 유사시 어떤 발전기는 사용합니까이 bower_components/my-common/my-file.css