关于Gulp

自从有了 webpack 之后. gulp 似乎就已经销声匿迹了。
不过如果你有一个纯 nodejs 项目。且没有前端代码比较少。 gulp还是值得一用的。
目前公司就有一个nodejs的项目,页面很少主要工作在nodejs端,于是便试了试。

官网查了查大概知道了工作方式。开始了工作。
给我的感觉

  1. 上手非常简单。 没有杂七杂八的配置,插件也很好调用,比较单纯,打包就打包,没搞其他事情。
  2. 写法很好清楚。 链式,任务式。学习成本真的低。

以下是我自己测试的代码,真的是简单方便。就自动化来说,简直是神器

var gulp = require("gulp");
var ts = require("gulp-typescript");
var clean = require('gulp-clean');
var sass = require('gulp-sass');
var copy = require("gulp-file-copy");


gulp.task("default", ["typescript", "sass", "copy"]);
gulp.task("typescript", function () {

    gulp.src("./build/**/*.js", { read: false }).pipe(clean());
    return gulp.src("./app/**/*.ts")
        .pipe(ts({
            lib: ["es2015"]
        }))
        .pipe(gulp.dest("./build"));
});

gulp.task("sass", function () {
    return gulp.src("./app/**/*.scss")
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest("./build"));
});

gulp.task("copy", function () {
    gulp.src("./app/views/**/*.*")
        .pipe(gulp.dest('./build/views'));

    gulp.src("./app/img/**/*.*")
        .pipe(gulp.dest('./build/img'));
});

gulp.task("watch", function () {
    gulp.watch("./app/**/*.ts", ["typescript"]);
    gulp.watch("./app/**/*.scss", ["sass"]);
    gulp.watch("./app/views/**/*.*", ["copy"]);
});

你可能感兴趣的:(关于Gulp)