그랑트 대상간에 파일을 공유하는 방법은 무엇입니까?

Question

내 Gruntfile은 "files"을 반복하여 동일한 작업의 두 대상 (dist 및 dev)간에 공유합니다.

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    grunt.initConfig({ 
     stylus: { 
      dist: { 
       files: { "www/bundle.css": ["stylus/*.styl"] }, 
       options: { compress: true, linenos: false } 
      }, 
      dev: { 
       files: { "www/bundle.css": ["stylus/*.styl"] }, 
       options: { compress: false, linenos: true } 
      } 
     } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

그래서 모두 목표에 그것을 반복하지 않아도 수준을 config (설정) 파일을 이동하는 방법은 무엇입니까 : 여기에 전용 스타일러스 문제를 포함하는 샘플입니다?

Answer 1

Domenic, 당신은 POJS 변수를 사용할 수 있습니다 :

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    var stylusFiles = { "www/bundle.css": ["stylus/*.styl"] }; 

    grunt.initConfig({ 
     stylus: { 
      dist: { 
       files: stylusFiles, 
       options: { compress: true, linenos: false } 
      }, 
      dev: { 
       files: stylusFiles, 
       options: { compress: false, linenos: true } 
      } 
     } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

을 아니면 Grunt "Configuring Tasks" Guide 당 템플릿을 사용할 수 있습니다.

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    grunt.initConfig({ 
     stylus: { 
      dist: { 
       files: { "www/bundle.css": ["stylus/*.styl"] }, 
       options: { compress: true, linenos: false } 
      }, 
      dev: { 
       files: "<%= stylus.dist.files %>", 
       options: { compress: false, linenos: true } 
      } 
     } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

Answer 2

당신은 설정을 쓸데없는 것으로 넘겨 줄 수 있습니다. 아래 코드를 테스트 해보지는 않았지만, 생각해야합니다. 나는 단지 값을 위해서만 키에 대한 설정을 사용하지 않았습니다. 희망적으로 적어도 시작일 것입니다.

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    var buildConfig = { 
    output: "www/bundle.css", 
    files: ["stylus/*.styl"], 
    }; 

    grunt.initConfig({ 
    config: buildConfig, 
    stylus: { 
     dist: { 
      files: {<%= config.output%>: <%= config.files %>}, 
      options: { compress: true, linenos: false } 
     }, 
     dev: { 
      files: {<%= config.output%>: <%= config.files %>}, 
      options: { compress: false, linenos: true } 
     } 
    } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

Answer 3

당신은 당신의 꿀꿀 거리는 소리의 설정에 항목으로 추가 할 수 있습니다 : 당신이 더 많은 예제가 필요한 경우

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    grunt.initConfig({ 
     cssFiles: ["stylus/*.styl"], 
     stylus: { 
      dist: { 
       files: { "www/bundle.css": '<%= cssFiles %>' }, 
       options: { compress: true, linenos: false } 
      }, 
      dev: { 
       files: { "www/bundle.css": '<%= cssFiles %>' }, 
       options: { compress: false, linenos: true } 
      } 
     } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

난 내 프로젝트 중 하나를 사용하고 파일에서보세요 : https://github.com/sugendran/cheatsheet.js/blob/master/Gruntfile.js

Answer 4

체크 아웃 템플릿 : http://gruntjs.com/configuring-tasks#templates

"use strict"; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    grunt.initConfig({ 
    stylus: { 
     dist: { 
     files: { 
      "www/bundle.css": ["stylus/*.styl"], 
     }, 
     options: { compress: true, linenos: false } 
     }, 
     dev: { 
     files: "<%= stylus.dist.files %>", 
     options: { compress: false, linenos: true } 
     } 
    } 
    }); 

    grunt.registerTask("dev", ["stylus:dev"]); 
    grunt.registerTask("prod", ["stylus:prod"]); 
}; 

Answer 5

나는 과거에 이것을 여러 가지 방법으로 접근 해왔다. 하나는 환경 변수를 이용하고 환경 변수를 사용하여 스타일러스와 같은 간단한 플래그를 전환하는 것입니다. 이 방법을 확장하면 플래그를 설정하는 작업을 등록 할 수도 있습니다. 예 :

"use strict"; 

var env = 'DEV'; 

module.exports = function (grunt) { 
    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    grunt.initConfig({ 
     stylus: { 
      dist: { 
       files: { "www/bundle.css": ["stylus/*.styl"] }, 
       options: { compress: env === 'PROD', linenos: env === 'DEV' } 
      } 
     } 
    }); 

    grunt.registerTask('production', function() { 
     env = 'PROD'; 
    }); 

    grunt.registerTask("dev", ["stylus"]); 
    grunt.registerTask("prod", ["production", "dev"]); 
}; 

템플릿 경로를 이동하거나 기본 객체를 확장 할 수도 있지만 일반적으로 플래그는 작동하기에 충분히 간단합니다. 이 같은

Answer 6

확신 뭔가

"use strict"; 

module.exports = function (grunt) { 

    grunt.loadNpmTasks("grunt-contrib-stylus"); 

    var files = { "www/bundle.css": ["stylus/*.styl"] }; 
    var options; 

    grunt.registerTask("config", function() { 
     grunt.initConfig({ 
      stylus: { 
       main: { 
        files: files, 
        options: options 
       } 
      } 
     }); 
    }); 

    grunt.registerTask("setup-prod", function() { 
     options = { compress: false, linenos: true }; 
    }); 

    grunt.registerTask("setup-dev", function() { 
     options: { compress: true, linenos: false }; 
    }); 

    grunt.registerTask("dev", ["setup-dev", "config", "stylus"]); 
    grunt.registerTask("prod", ["setup-prod", "config", "stylus"]); 
}; 

당신은 또한없이 설정을 변경할 수 있습니다 것 같습니다 ... 작동 다시 전화를 직접 grunt.config.data을 편집하여 initConfig을().