꿀꺽 꿀꺽한 색인 파일에 종속성을 주입하십시오.

Question

그래서 패키지와 꿀꺽 꿀꺽한 서브 용으로 bower를 사용하고 있습니다. 내가 꿀꺽 꿀꺽 마시 러 간 것처럼, 알고 싶은 것은 시간을 절약하는 것입니다.

나는 어떻게 명령 줄에서 (워크 플로우에 가장 적합 할까) 또는 초기 index.html 파일에서 .json 파일을 사용하여 필요한 것을 포함시키는 grunt/bower를 얻을 수 있습니까? 내가 실행 한이 경우 너무

,

yo webapp(or mobile) 
bower install topcoat --save 
bower install jplayer --save 
bower update 
grunt serve 

을 heres 내 JSON 파일

{ 
    "name": "imtoolbox", 
    "version": "0.0.0", 
    "dependencies": { 
    "topcoat": "~0.8.0", 
    "requirejs": "~2.1.4", 
    "modernizr": "~2.6.2", 
    "jquery": "~1.9.1", 
    "jplayer": "~2.5.5" 
    }, 
    "devDependencies": {} 
} 

내 머리

<link rel="stylesheet" href="styles/main.css"> 
     <!-- build:js scripts/vendor/modernizr.js --> 
     <script src="bower_components/modernizr/modernizr.js"></script> 
     <!-- endbuild --> 

     <!-- build:css styles/vendor/topcoat/css/topcoat-mobile-light.min.css --> 
     <link rel="stylesheet" href="styles/vendor/topcoat/css/topcoat-mobile-light.min.css"> 
     <!-- endbuild --> 

내 스크립트

<!-- build:js scripts/main.js --> 
     <script data-main="scripts/main" src="bower_components/requirejs/require.js"></script> 
     <!-- endbuild --> 

     <!-- build:js scripts/async-local-storage.js --> 
     <script src="scripts/async.localStorage.js"></script> 
     <script src="scripts/async.localStorage.examples.js"></script> 
     <!-- endbuild --> 

     <!-- build:js scripts/fullscreensnippet.js --> 
     <script src="scripts/fullscreensnippet.js"></script> 
     <!-- endbuild --> 

     <!-- build:js scripts/fastclick.js --> 
     <script src="scripts/fastclick.js"></script> 
     <script src="scripts/fastclick.example.js"></script> 
     <!-- endbuild --> 

도움이된다면 온라인에서 다른 답변을 많이 찾을 수 있고 작품이 멋지다는 데 도움이 될 것입니다.

Answer 1

나는 당신이 정자의 배선

<!-- build:js scripts/myscripts.js --> 
<!-- bower:js --> 
<script src="bower_components/jquery/jquery.js"></script> 
<script src="bower_components/sass-bootstrap/dist/js/bootstrap.js"></script> 
<!-- endbower --> 
<!-- endbuild -->