Gulp 빠른 시작 자습서
2738 단어 gulp
gulp
Gulp 설치
Gulp은 Node에 의존합니다. 여기서 Node를 설치했다고 가정하면 우선 Gulp을 전체적으로 설치합니다.
npm install -g gulp글로벌 설치가 완료되면 프로젝트의 디렉토리로 전환하여 다음을 수행합니다.
//- package.json，
npm init
//- Gulp， package.json devDependencies
npm install gulp --save-devGulp 플러그인 설치
Gulp 작업은 모두 플러그인으로 존재하기 때문에 사용하기 전에 프로젝트 디렉터리에 플러그인 설치 명령을 설치해야 합니다.
//
npm install --save-devGulp 일반 플러그 인
루트 디렉터리에gulpfile을 만들어야 합니다.js 파일은 Gulp를 설정합니다. 모든 플러그인을 불러옵니다. 파일 이름은gulpfile이어야 합니다.js, 그렇지 않으면 실행에 관계없이 다음은gulpfile의 예입니다.
var gulp = require('gulp');
var gutil = require('gulp-util');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
// require() ~
gulp.task('concat', function () {
gulp.src('./scripts/*.js')
.pipe(uglify())
.pipe(concat('jkd.min.js'))
.pipe(gulp.dest('./build/js'));
});
gulp.task('default', ['concat']);Gulp 실행
gulpfile을 설정합니다.js 파일을 사용하면 Gulp을 실행하여 다음과 같은 작업을 수행할 수 있습니다.
// default task
gulp
// concat task
gulp concat
// ：
D:\SVN\wap\m>gulp
[12:03:13] Using gulpfile D:\SVN\wap\m\gulpfile.js
[12:03:13] Starting 'concat'...
[12:03:13] Finished 'concat' after 9.1 ms
[12:03:13] Starting 'default'...
[12:03:13] Finished 'default' after 11 μs
D:\SVN\wap\m>gulp concat
[12:03:25] Using gulpfile D:\SVN\wap\m\gulpfile.js
[12:03:25] Starting 'concat'...
[12:03:25] Finished 'concat' after 9.54 msGulp API
// task, , , .
gulp.task(name[, deps], fn)
// , , .
gulp.src(globs[, options])
// , pipe . .
gulp.dest(path[, options])
// , .
gulp.watch(glob [, opts], tasks) or gulp.watch(glob [, opts, cb])Gulp 상세 API 설명은 Gulp API docs를 볼 수 있습니다.
마지막으로 원문 주소를 첨부합니다.http://www.zcbboke.com/1705.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
작업 러너 빈 템플릿 (Grunt · Gulp)WEB 사이트제작 태스크 러너의 빈 템플릿을 만들었습니다. 라고 하는 것을 이전 만들었습니다만 이번은 구체적인 컴파일용 플러그인은 포함하지 않고 아래 태스크 러너 플로우를 Grunt·Gulp 양쪽에서 구현했습니다. ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
