美文网首页
关于Gulp

关于Gulp

作者: CallMeTommy | 来源:发表于2018-06-21 17:12 被阅读0次

自从有了 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

    自从有了 webpack 之后. gulp 似乎就已经销声匿迹了。不过如果你有一个纯 nodejs 项目。且没有前...

  • 关于gulp

    打包工具一枚 在gulp上使用es6

  • gulp

    gulp gulp.src gulp.dest gulp.task gulp.watch gulp.pipe() ...

  • gulp自动化项目构建

    var gulp = require('gulp');//引用gulp var $ = require('gulp...

  • gulp压缩合并文件

    gulp压缩合并文件流程 //引入gulp和gulp插件var gulp = require('gulp');va...

  • Gulp 使用方法(教程一)

    Gulp 官网 目录 Gulp 环境 Gulp 环境 初始化目录结构 安装 gulp gulp 的简单使用 使用 ...

  • 近期计划

    年计划 关于技术与工作 nodejs webpack gulp 或者 grunt websocket bootst...

  • gulp讲解

    一、gulp的四个主要的API gulp.src、gulp.pipe、gulp.dest、gulp.watch 二...

  • JS: gulp.js

    var gulp = require('gulp'), minify = require('gulp-minify...

  • gulp的简单使用

    gulp使用流程:安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gu...

网友评论

      本文标题:关于Gulp

      本文链接:https://www.haomeiwen.com/subject/aulcyftx.html