원사로 index.html에 라이브러리를 추가하는 방법

Question

제 질문은 아키텍처와 index.html에 설치된 라이브러리를 추가하는 방법에 관한 것입니다. SAP 응용 프로그램 (AngularJS, nodeJS)을 사용하고 있습니다. 모두 괜찮 았지만 나는 방앗간에서 원사로 옮겼을 때 막혔다. index.html에 라이브러리를 추가하는 방법을 모르겠습니다. wiredep Index.html을하여 스크립트 섹션에

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

그리고 이전에 내가 자동으로 추가 JS 파일 :

나중에 나는 다음과 같은 파일 구조했다

<!-- 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> 

을하지만 나중에 내가 마이그레이션 할 때 bower에서 yarn으로 node_modules 폴더가 하나만 있습니다.

. 
├── 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가 도움이 될 수 있습니다.

희망 사항은 올바른 방향을 제시합니다.