는

Question

내 디렉토리 구조는 다음과 같은 각도 앱의 꿀꿀 거리는 소리 파일 만들기 :

는

--myapp/ 
    --client/ 
     --build/ 
     --css/ 
     --js/ 
      --angular/       #angular libraries here 
      --angular.js 
       --angular-resource.js 
       --angular-ui-router.js 
      --jquery/       #jquery libraries here 
       --jquery.js 
     --app.js 
     --index.html 

    --server/ #All server related files here 
    --Gruntfile.js 

내 그런트 파일은 지금까지 이것은 지금까지 내가받은대로입니다이

module.exports = function(grunt) { 

    grunt.initConfig({ 

    pkg: grunt.file.readJSON('package.json'); 
    concat: { 
     dist: { 
      src: ['client/js/angular/*.*] 
      dest: 'client/build/angular-build.js' 
      } 

} 

}); 

}; 

것 같습니다. 이것에 대한 쉬운 불평 파일 튜토리얼을 보지 마라. 내가 찾고있는 것은 하나의 출력 파일에 모든 각도 라이브러리입니다. 다른 모든 jquery 라이브러리 .. 세 번째의 모든 css 라이브러리.

어떻게해야합니까?

Answer 1

몇 가지 :

1. 당신은 그것을 알고하지 않습니다,하지만 당신은 grunt-contrib-concat을 사용하고, 그래서 당신은 npm install 및 grunt.loadNpmTasks('grunt-contrib-concat');을 더 나은 것입니다.
2. Concat는 와일드 카드를 지원하지 않습니다. 이 파일들이 포함 된 순서가 중요하기 때문에 이것은 좋은 일입니다. 나는 당신의 Gruntfile가이 작업을 수행하지만, 문제는이 작업을 수행하는 올바른 방법이 아님을 알아야하며 같이 할 필요가 무엇을 거친 템플릿을 포함 시켰습니다

angular-resource.js 전에 angular.js이 포함되어야합니다. bower 같은 것을 사용하여 종속성을로드하고 개별적으로 제공하거나 Browserify 또는 Require.js와 같은 것을 사용하여 의존성을로드해야합니다. 프로젝트가 진행됨에 따라 그 가치를 알게 될 것입니다.

module.exports = function(grunt) { 
grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'); 
    concat: { 
     angular: { 
      src: [ 
       'client/js/angular/angular.js', 
       'client/js/angular/angular-resource.js', 
       'client/js/angular/angular-ui-router.js' 
      ] 
      dest: 'client/build/angular-build.js' 
     }, 
     jquery: { 
      src: ['client/js/jquery/jquery.js'] 
      dest: 'client/build/jquery-build.js' 
     }, 
     ... 
    } 
}); 

grunt.loadNpmTasks('grunt-contrib-concat'); 
};