Yeunt와 bower.json을 사용하여 grunt bower-install과 grunt가 내 기본 파일을 무시합니다.

Question

Yeoman과 Bower가 처음이므로 혼란 스럽습니다. Yeoman을 사용하여 클라이언트 웹 앱을 구축하고 있습니다. 내 index.html에 test.css라는 사용자 정의 CSS 파일을로드하려고합니다.

bower_components libs가 bower.json 파일의 기본 섹션에서 index.html에로드해야하는 파일을 지정 했으므로 내 응용 프로그램과 동일하게 작업하려고하지만 작동하지 않는 것으로 나타났습니다. 나는

꿀꿀 정자 설치 꿀꿀 봉사

를 실행 한 후 index.html을에 변경 사항이 표시되지 않습니다 여기

내 bower.json 파일입니다 : 나는 또한 여러 가지 방법을 시도

{ 
    "name": "myApp", 
    "version": "0.0.1", 
    "main": [ 
    "app/styles/test.css" 
    ], 
    "dependencies": { 
    "angular": "1.2.6", 
    "json3": "~3.2.6", 
    "es5-shim": "~2.1.0", 
    "jquery": "~1.10.2", 
    "sass-bootstrap": "~3.0.2", 
    "angular-resource": "1.2.6", 
    "angular-cookies": "1.2.6", 
    "angular-sanitize": "1.2.6", 
    "angular-route": "1.2.6", 
    "ng-flow": "~2", 
    "angular-bootstrap": "~0.10.0" 
    }, 
    "devDependencies": { 
    "angular-mocks": "1.2.6", 
    "angular-scenario": "1.2.6" 
    } 
} 

test.css 전화 :

"styles/test.css", 
"/styles/test.css", 
"app/styles/test.css", 
"./app/styles/test.css", 
"./test.css" 

내 프로젝트 구조는 다음과

입니다3210

. 
├── Gruntfile.js 
├── README.md 
├── app 
│   ├── 404.html 
│   ├── bower_components 
│   ├── config.js 
│   ├── favicon.ico 
│   ├── images 
│   ├── index.html 
│   ├── robots.txt 
│   ├── scripts 
│   ├── styles 
│   │   ├── main.scss 
│   │   └── test.css 
│   └── views 
├── bower.json 
├── dist 
├── karma-e2e.conf.js 
├── karma.conf.js 
├── node_modules 
├── package.json 
└── test 

이 파일을 수동으로 추가 할 수 있음을 알고 있지만 bower.json 파일에 지정된 모든 항목을 정리해야한다고 생각합니다. ¿ bower.json에서 사용자 정의 파일을 지정하는 방법은 값입니까?

Answer 1

편집중인 bower.json 파일은 응용 프로그램을 나타냅니다. 신청서 자체는 Bower 패키지가 아닙니다. 다른 말로하면 응용 프로그램에서 다른 사용자가 사용할 수 있도록 Bower 패키지 저장소에 응용 프로그램을 게시하고 싶지 않을 것입니다.

grunt-bower-install (이는 wiredep의 래퍼 일뿐입니다)은 Bower 패키지에서 잘 작동하지만 응용 프로그램 파일을 지원하지 않습니다. 필요에 맞는 다른 도구가있을 수 있지만, 일반적으로 응용 프로그램 파일이 속한 참조를 수동으로 포함하는 것이 가장 좋습니다.