Gulp: 차세대 프런트엔드 빌더

1577 단어
1、Gulp 소개
gulp.js는 흐름을 바탕으로 하는 코드가 설정된 차세대 구축 도구보다 우수하다.GulpGrunt는 유사하다.그러나 Grunt의 빈번한IO 조작에 비해Gulp의 흐름 조작은 구축을 더욱 빨리 완성할 수 있다.
2. Gulp 특성
  • 사용이 편리하다
  • 코드가 설정된 전략보다 우수함Gulp을 통해 간단한 임무를 간단하고 복잡한 임무를 더욱 관리할 수 있다.
  • 빠른 구축
  • 흐름식 조작을 통해 빈번한IO 조작을 줄이고 프로젝트를 더욱 빨리 구축한다.
  • 플러그인 고품질
  • Gulp 플러그인이 간단하고 질 좋은 작업을 할 수 있도록 엄격한 플러그인 가이드 정책이 있다.
  • 배우기 쉽다
  • 소량의 API를 장악Gulp하는 것은 조금도 힘들지 않다.구축은 파이프처럼 가볍고 즐겁다.
    3. Gulp 설치GulpNode.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 요약GulpGrunt에 비해 장점이 많고 직관적이다. 바로 학습 곡선이 비교적 매끄럽다는 것이다.Grunt보다 빠르고 구성이 적습니다.
    물론 Gulp 고급 기능도 많습니다. 자세한 내용은 공식 문서 참조
    Gulp 플러그인 목록
    http://gulpjs.com/

    좋은 웹페이지 즐겨찾기