Gulp: 차세대 프런트엔드 빌더
gulp.js는 흐름을 바탕으로 하는 코드가 설정된 차세대 구축 도구보다 우수하다.
Gulp
와 Grunt
는 유사하다.그러나 Grunt
의 빈번한IO
조작에 비해Gulp
의 흐름 조작은 구축을 더욱 빨리 완성할 수 있다.2. Gulp 특성
Gulp
을 통해 간단한 임무를 간단하고 복잡한 임무를 더욱 관리할 수 있다.IO
조작을 줄이고 프로젝트를 더욱 빨리 구축한다.Gulp
플러그인이 간단하고 질 좋은 작업을 할 수 있도록 엄격한 플러그인 가이드 정책이 있다.Gulp
하는 것은 조금도 힘들지 않다.구축은 파이프처럼 가볍고 즐겁다.3. Gulp 설치
Gulp
는 Node.js
에 기반을 두고 있기 때문에 Node를 먼저 설치해야 한다.js npm install -g gulp
npm install —-save-dev gulp
4. Gulp 사용
Gulp
의 작업은 모두 플러그인 형식으로 존재합니다. 이번 예는gulp-jshint를 예로 삼아 Gulp
의 일반적인 사용법을 보여 줍니다.gulp-jshint 설치
npm install gulp-jshint --save-dev
gulpfile을 만듭니다.js
gulp 프로젝트 페이지에
Sample gulpfile
가 있습니다.만약 쓸 줄 모르면 직접 참고하면 OK다.var gulp = require('gulp');
var jshint = require('gulp-jshint');
var paths = {
scripts: 'js/**/*.js',
};
gulp.task('lint', function() {
return gulp.src(paths.scripts)
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
그런 다음 명령행을 실행합니다.
gulp lint
됐습니다.
5. Gulp 요약
Gulp
는 Grunt
에 비해 장점이 많고 직관적이다. 바로 학습 곡선이 비교적 매끄럽다는 것이다.Grunt보다 빠르고 구성이 적습니다.물론
Gulp
고급 기능도 많습니다. 자세한 내용은 공식 문서 참조Gulp 플러그인 목록
http://gulpjs.com/
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.