Gulp 실습 코드 안내(Gulp 4.0 대응)

[mommocmoc]

Gulp 4.0 버전이 기본 설치 버전으로 변경되어
실습 코드에 안내를 추가해주면 좋을 것 같습니다.

var gulp = require('gulp');
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var tsify = require('tsify');
var paths = {
    pages: ['src/*.html']
};

gulp.task('copy-html', function () {
    return gulp.src(paths.pages)
        .pipe(gulp.dest('dist'));
});

gulp.task('default', gulp.series(gulp.parallel('copy-html'), function () {
    return browserify({
        basedir: '.',
        debug: true,
        entries: ['src/main.ts'],
        cache: {},
        packageCache: {}
    })
    .plugin(tsify)
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('dist'));
}));

Watchify 실습
npm install --save-dev watchify fancy-log

var gulp = require('gulp');
var browserify = require('browserify');
var source = require('vinyl-source-stream');
var watchify = require('watchify');
var tsify = require('tsify');
var fancy_log = require('fancy-log');
var paths = {
    pages: ['src/*.html']
};

var watchedBrowserify = watchify(browserify({
    basedir: '.',
    debug: true,
    entries: ['src/main.ts'],
    cache: {},
    packageCache: {}
}).plugin(tsify));

gulp.task('copy-html', function () {
    return gulp.src(paths.pages)
        .pipe(gulp.dest('dist'));
});

function bundle() {
    return watchedBrowserify
        .bundle()
        .on('error', fancy_log)
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('dist'));
}

gulp.task('default', gulp.series(gulp.parallel('copy-html'), bundle));
watchedBrowserify.on('update', bundle);
watchedBrowserify.on('log', fancy_log);

[pocojang]

안녕하세요
@mommocmoc
이슈 확인이 너무 늦은 점 양해부탁드립니다!

현재 최신 TypeScript 핸드북을 번역하시는 분들이 계시기 때문에
그 분들과 함께하여 새롭게 작성된 번역본으로 마이그레이션할 예정입니다.

이 과정에서 제기하신 이슈가 해결될 예정이오니 잠시만 기다려주세요!

[yeonjuan]

@mommocmoc ,
TypeScript 핸드북 원본 Gulp 문서의 업데이트된 내용을 반영하는 작업이 필요하겠네요.
이슈 제보 감사합니다 :)

제가 반영하는 작업 하겠습니다.
완료 예정일: 4월28일