AngularJS 파일을 하나의 파일로 결합

Question

저는 AngularJS 응용 프로그램을 빌드하고 있습니다. 외부 종속성이 없지만 응용 프로그램을 컨트롤러, 서비스 등의 다른 파일로 분리해야합니다.

이 모든 JS를 단일 파일로 결합하여 브라우저에서 만들어야합니다. 하나의 요청은 여러 개의 요청 (각 파일에 하나씩)이 아닌 모든 코드를 가져 오는 것입니다. Minification도 좋을 것이다.

지금까지 읽은 내용 중 Browserify가 필요합니다. 그게 옳은 것 같니? 사람들이이 솔루션에 대해 권장 할만한 것이 있습니까?

Answer 1

Grunt 또는 Gulp으로 시작할 수 있습니다. 이러한 도구를 사용하면 파일을 연결하고 축소하는 것 이상의 작업을 수행 할 수 있습니다. 예를 들어 당신이 꿀꺽를 사용하도록 선택하는 경우 :

• 당신은 꿀꺽 꿀꺽-CLI가 $ npm install --global gulp-cli

• 다음 프로젝트에 gulpfile.js을 만들 다운로드 $ npm install gulp --save

• 다음 종속성으로 쭉 마시는을 추가해야합니다 파일을 연결하는 gulp-concat 패키지를 추가하십시오. $ npm install gulp-concat --save
• 마지막으로 파일을 연결하는 코드를 추가하십시오. Here is an example.

추가 도움이 필요하면 의견을 남겨주세요. 행운을 빕니다!

---

당신은 예를 들어, 컨트롤러, 지침 및 서비스에 대한 세 가지 다른 디렉토리가 가정 그런트 here is an example gruntfile 사용. 또한 필요할 때를 대비해 시계 플러그인을 추가했습니다.

$ npm i grunt-cli -g 
$ npm i -D grunt 
$ npm i -D grunt-contrib-concat 
$ npm i -D grunt-contrib-uglify 
$ npm i -D grunt-contrib-watch