糸でindex.htmlにライブラリを追加するには

Question

私の質問は、アーキテクチャとindex.htmlにインストールされたライブラリを追加する方法についてですか？ 私はSAPアプリケーション（AngularJS、nodeJS）を使用しています。すべてうまくいきましたが、私がバウアーから糸に移ったとき、私は立ち往生しました。 index.htmlにライブラリを追加する方法がわかりません。

後、私は次のファイル構造を持っていた：

. 
├── bower_components 
| ├── … 
| └── … 
├── node_modules 
| ├── … 
| └── … 
├── app 
| ├── … 
| └── … 
├── bower.json 
├── package.json 
├── index.html 

およびそれ以前の私は、自動的に追加のjsファイルwiredep Index.htmlとすることにより、スクリプトセクションに：

私は移行

<!-- bower:js --> 
<script src="../../bower_components/jquery/dist/jquery.js"></script> 
<script src="../../bower_components/tether/dist/js/tether.js"></script> 
<script src="../../bower_components/bootstrap/dist/js/bootstrap.js"></script> 
<script src="../../bower_components/angular/angular.js"></script> 
<script src="../../bower_components/angular-xeditable/dist/js/xeditable.js"></script> 
<script src="../../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<script src="../../bower_components/angular-route/angular-route.js"></script> 
<script src="../../bower_components/angular-file-upload/dist/angular-file-upload.min.js"></script> 
<script src="../../bower_components/angular-animate/angular-animate.js"></script> 
<script src="../../bower_components/angular-sanitize/angular-sanitize.js"></script> 
<script src="../../bower_components/angular-read-more/dist/readmore.min.js"></script> 
<script src="../../bower_components/js-xlsx/dist/xlsx.core.min.js"></script> 
<script src="../../bower_components/angular-js-xlsx/angular-js-xlsx.js"></script> 
<script src="../../bower_components/angular-ymaps/angular-ymaps.js"></script> 
<script src="../../bower_components/angular-cookies/angular-cookies.js"></script> 
<script src="../../bower_components/query-string/query-string.js"></script> 
<script src="../../bower_components/angular-oauth2/dist/angular-oauth2.js"></script> 

しかし、その後私はnode_modulesフォルダが1つしかありません：

. 
├── node_modules 
| ├── … modules to backend (nodejs) 
| └── … modles to frontend (angularJS and so on) 
├── app 
| ├── … 
| └── … 
├── package.json 
├── index.html 

gulp-injectを使ってindex.htmlにjsライブラリを自動的に追加すると、gulpはすべてのjsファイル（1000個以上のファイル）をindex.htmlに追加します。それらのほとんどはバックエンドに関連しています。 私の問題を解決するには？

Answer 1

バンドルを使用してください。次のようなメインバンドルファイルのすべてのライブラリが必要です：'use strict'; var angular = require('angular'); var moment = require('moment');

browserifyはそれを助けることができます。

これは正しい軌道に乗るといいですね。