Node.js
꿀꿀 거리는 소리
수색…
비고
추가 읽기 :
grunt 설치 가이드 에는 특정, 제작 또는 개발중인 버전의 Grunt 및 grunt-cli 설치에 대한 자세한 정보가 있습니다.
작업 구성 안내서 에는 템플릿, globbing 패턴 및 외부 데이터 가져 오기에 대한 설명과 함께 Gruntfile에서 작업, 대상, 옵션 및 파일을 구성하는 방법에 대한 심층적 인 설명이 있습니다.
작업 만들기 가이드 에는 종류 작업 간의 차이점이 나와 있으며 여러 가지 샘플 작업과 구성이 나와 있습니다.
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 명령으로 실행됩니다.
