Node.js
꿀꿀 거리는 소리

비고

GruntJs 소개

Grunt는 JavaScript Task Runner로 minification, 컴파일, 단위 테스트, linting 등과 같은 반복 작업 자동화에 사용됩니다.

시작하려면 Grunt의 명령 줄 인터페이스 (CLI)를 전역으로 설치해야합니다.

npm install -g grunt-cli

새로운 그랑 트 프로젝트 준비하기 : 전형적인 설정은 두 개의 파일을 프로젝트에 추가하는 것입니다 : package.json과 Gruntfile.

package.json :이 파일은 npm에서 npm 모듈로 게시 된 프로젝트의 메타 데이터를 저장하는 데 사용됩니다. 이 파일에 devDependencies로 프로젝트가 필요로하는 쓸데없는 플러그인과 Grunt 플러그인을 나열합니다.

Gruntfile :이 파일의 이름은 Gruntfile.js이며 작업을 구성 또는 정의하고 Grunt 플러그인을로드하는 데 사용됩니다.

Example package.json:

{
  "name": "my-project-name",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "~0.5.0"
  }
}

예제 gruntfile :

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
      },
      build: {
        src: 'src/<%= pkg.name %>.js',
        dest: 'build/<%= pkg.name %>.min.js'
      }
    }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Default task(s).
  grunt.registerTask('default', ['uglify']);

};

gruntplugins 설치

의존성 추가하기

gruntplugin을 사용하려면 먼저 프로젝트에 의존성을 추가해야합니다. 예를 들어 jshint 플러그인을 사용해 봅시다.

npm install grunt-contrib-jshint --save-dev

--save-dev 옵션은 package.json 플러그인을 추가하는 데 사용됩니다. 이렇게하면 npm install 후 플러그인이 항상 npm install 됩니다.

플러그인로드하기

loadNpmTasks를 사용하여 loadNpmTasks 파일에서 플러그인을로드 할 수 있습니다.

grunt.loadNpmTasks('grunt-contrib-jshint');

작업 구성

당신은라는 속성 부가 gruntfile에서 작업을 구성 jshint 에 전달 된 객체에 grunt.initConfig .

grunt.initConfig({
  jshint: {
    all: ['Gruntfile.js', 'lib/**/*.js', 'test/**/*.js']
  }
});

다른 플러그인에 대해 다른 속성을 사용할 수 있다는 것을 잊지 마십시오.

작업 실행

플러그인으로 작업을 실행하기 위해서 명령 행을 사용할 수 있습니다.

grunt jshint

또는 다른 작업에 jshint 를 추가 할 수 있습니다.

grunt.registerTask('default', ['jshint']);

기본 작업은 옵션없이 터미널에서 grunt 명령으로 실행됩니다.