自从有了 webpack 之后. gulp 似乎就已经销声匿迹了。
不过如果你有一个纯 nodejs 项目。且没有前端代码比较少。 gulp还是值得一用的。
目前公司就有一个nodejs的项目,页面很少主要工作在nodejs端,于是便试了试。
官网查了查大概知道了工作方式。开始了工作。
给我的感觉
- 上手非常简单。 没有杂七杂八的配置,插件也很好调用,比较单纯,打包就打包,没搞其他事情。
- 写法很好清楚。 链式,任务式。学习成本真的低。
以下是我自己测试的代码,真的是简单方便。就自动化来说,简直是神器
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"]);
});
网友评论