Gulp: 자동화 도구

$ npm install gulp-cli -g
$ npm install gulp -D
$ touch gulpfile.js
$ gulp --help

var gulp = require('gulp');
var pug = require('gulp-pug');
var less = require('gulp-less');
var minifycss = reuqire('gulp-csso');

// html 처리 작업
gulp.task('html', function() {
    return gulp
        .src('client/templates/*.pug')
        .pipe(pug())
        .pipe(gulp.dest('build/html'));
});

// css 처리 작업
gulp.task('css', function() {
    return gulp
        .src('client/templates/*.less')
        .pipe(less())
        .pipe(minifycss())
        .pipe(gulp.dest('build/css'));
});

// 기본 작업으로 html 작업, css 작업을 지정
gulp.task('default', ['html', 'css']);

const gulp = require('gulp'),
    rename = require('gulp-rename2'),
    clean = require('gulp-clean'),
    uglify = require('gulp-uglify'),
    ts = require('gulp-typescript');

const wwwroot = './wwwroot/',
    sourceroot = './Scripts/';

const paths = {
    ts: sourceroot + '**/*.ts',
    tsDefinitionFiles: 'npm_modules/@types/**/*.d.ts',
    jsDest: `${wwwroot}js/`,
};

gulp.task('typescript', () => {
    var tsProject = ts.createProject('tsconfig.json');

    return gulp
        .src([paths.tsDefinitionFiles, paths.ts, '!' + paths.minJS], {
            base: '.',
        })
        .pipe(tsProject())
        .pipe(uglify())
        .pipe(
            rename((pathObj, file) => {
                return pathObj.join(
                    pathObj.dirname(file).replace(/^Scripts\/?\\?/, ''),
                    pathObj.basename(file),
                );
            }),
        )
        .pipe(clean({}))
        .pipe(gulp.dest(paths.jsDest));
});

gulp.task('default', ['typescript']);