Gulp简介

最新推荐文章于 2024-08-26 12:26:03 发布
最新推荐文章于 2024-08-26 12:26:03 发布
阅读量3.1k 收藏 10
点赞数
文章标签： vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenzhenya/article/details/109696835
版权

Glup简介

Gulp基本使用

1.安装g依赖

$ yarn add gulp -D
  1. 根目录下新建gulpfile.js文件,定义构建任务的方式就是通过导出函数成员的方式定义
    在这里插入图片描述
    注意
    2.1 :foo任务中的代码正常执行了,但控制台会抛出一个错误=>foo任务执行没有完成,问我们是否忘记去标识这个任务的结束.这是因为在最新的gulp当中,它取消了同步任务模式,约定我们的每个任务必须是异步任务,当我们的任务执行完成过后,我们需要通过调用回调函数去标识这个任务已经完成
    2.2 这个回调函数我们可以通过foo函数的形参拿到
    在这里插入图片描述
  2. gulps的默认任务 default成员
    在这里插入图片描述

Gulp的组合任务

  • 除了创建普通的任务外,Gulp还可以创建组合任务(并行任务个串行任务),没有被导出的成员函数称为私有任务,

串行任务 series(任务1,任务2,…)

在这里插入图片描述
依次执行任务一,任务二…

并行任务 parallel(任务1,任务2,…)

在这里插入图片描述

Gulp异步任务(异步任务的三种方式)

回调函数 done参数

  • done这个回调函数和node中的回调函数是同样的标准,都是一种错误优先的回调函数,
    也就是说当我们想在执行过程中抛出错误去阻止剩余任务执行的时候,我们可以给回调函数的第一个参数去指定一个错误对象即可
    在这里插入图片描述

promise 避免回调嵌套太深

  • 在执行任务中return 一个promsie对象
  • return Promise.resolve() 任务成功
  • return Promise.reject() 任务失败,后续任务不会执行reject的参数会作为失败的原因
    在这里插入图片描述

async…await

  • 实际上是Promise的语法糖,内部还是Promise
    在这里插入图片描述
    源码
exports.callback = done => {
    console.log("callback task~")
    done()
}
exports.callback_error = done => {
    console.log("callback task~")
    done(new Error("tash failed!"))
}
// 返回成功的promise代表这个任务成功
exports.promise = () => {
    console.log("promise task~")
    // 一旦执行到Promise.resolve()则代表这个任务结束,返回一个成功的promise对象
    // Promise.resolve()不需要返回任何值,即Promise.resolve()函数中没有必要加参数,gulp会忽略这个返回值
    return Promise.resolve()
}
// 返回失败的promsise代表这个任务失败
exports.promise_error = () => {
    console.log("promise task~")
    return Promise.reject()
}
const timeout = time => {
    return new Promise(resolve => {
        setTimeout(resolve, time);
    })
}
exports.async = async () => {
    await timeout(1000)
    console.log("async task~")
}

其他的几种方式

stream

  • 因为我们的构建大多数情况下都是在处理文件,所以这种方式也是最常用的一种
  • 实现方式:在任务函数中返回一个stream对象
  • 任务结束的时机是readStream读取结束的时候(readStream的end事件触发的时候),从而使gulp知道这个任务完成了
  • 读取流.pipe(写入流),实现数据写入 pipe(派普)
    在这里插入图片描述
    gulp中只是在内部将任务中返回的stream对象注册了一个end事件,去监听这个事件而已

在这里插入图片描述
代码

const fs = require("fs")
// exports.stream = () => {
//     // 通过node模块创建一个读取文件的文件流
//     const readStream = fs.createReadStream("package.json")
//     // 写入文件的文件流
//     const writeStream = fs.createWriteStream("temp.txt")
//     // 将readStream通过pipe的方式导入writeStream
//     readStream.pipe(writeStream)
//     return readStream
// }
//  模拟
exports.stream = done => {
    const readStream = fs.createReadStream("package.json")
    const writeStream = fs.createWriteStream("temp.txt")
    readStream.pipe(writeStream)
    //  没有返回readStream对象,直接注册end事件
    readStream.on("end", () => {
        done()
    })
}

Gulp构建过程核心原理

  • 构建过程大多数情况下都是将文件读取出来进行一些转换,最后写入另外一个位置
    在这里插入图片描述
  • 正常的读写操作
    在这里插入图片描述
  • 对读取的文件流在写入之前进行转换(压缩 => 转换流)
    在这里插入图片描述
    callback导出的是经过转换之后的文件流
    代码
const fs = require("fs")
const {
    Transform
} = require("stream")
exports.default = () => {
    // 文件读取流
    const read = fs.createReadStream("normalize.css")
    // 文件写入流
    const write = fs.createWriteStream("normalize.min.css")
    // 文件转换流
    const transform = new Transform({
        transform: (chunk, encoding, callback) => {
            // 核心转换过程实现
            // chunk => 读取流中读取到的内容(Buffer),将空白字符去掉(压缩)
            const ouput = chunk.toString().replace(/\s+/g, "")
            callback(null, ouput) //错误优先的回调
        }
    })
    // 先转换后写入
    read.pipe(transform).pipe(write)
    return read
}

Gulp文件操作API+插件的使用

gulp文件操作API src(读取流) dest(写入流)

  • Gulp中为我们提供了专门用于创建文件读取流和写入流的API,相比于底层Node的API,GuIlp的API更加强大,更容易使用
  • 负责文件加工的转换流绝大多数情况下,我们都是通过独立的插件来完成
  • src(源文件路径)函数创建读取流,dest(输出文件路径)函数创建写入流,这两个函数都输Gulp模块提供
    在这里插入图片描述

文件的转换 (插件)

gulp-clean-css 插件 压缩css代码

  • 安装插件
yarn add gulp-clean-css -D
  • 导入插件
const cleanCss = require("gulp-clean-css")
  • 每个gulp插件都是一个任务函数
    在这里插入图片描述
  • 如果需要在转换过程中执行多个转换,可以继续在中间添加额外的pipe()操作,例如我们通过gulp-raname的插件

gulp-rename 插件 对输出文件的扩展名进行重命名

  • 安装插件
$ yarn add gulp-rename -D
  • 导入插件
const rename = require("gulp-rename")

在这里插入图片描述

  • 配置选项extname

Gulp自动化构建案例

样式编译 => 转换流插件:gulp-sass

$ git clone  https://github.com/zce/zce-gulp-demo.git
$ yarn add gulp -D

在这里插入图片描述

  • css直接在dist目录下输出,丢失了css的目录结构,我们是希望src下面的css路径能在dist目录下能完整体现=>可以为src函数设置第二个参数:选项配置,配置输出的基准路径
    在这里插入图片描述
  • 安装插件
$ yarn add gulp-sass -D
  • 导入插件
const sass = require("gulp-sass")
  1. 在安装gulp-sass插件的时候,内部会先安装node-sass,而node-sass依赖一些c++的二进制的包,这些二进制的包需要通过国外的网站下载,经常提示下载失败
  2. 解决方案:先下载node-sass再安装gulp-sass
$ npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
$ yarn add gulp-sass
  • 基本上每个插件提供的都是一个函数,这个函数的调用结果会返回一个文件转换流
    在这里插入图片描述

脚本编译 => 转换流插件:gulp-babel

  • 原始编译
    在这里插入图片描述
  • 安装插件
$ yarn add gulp-babel -D
$ yarn add @babel/core @babel/preset-env -D // 转换的工作实际上@babel/preset-env来完成
  • 导入插件
    在这里插入图片描述

页面模板编译 = > 转换流插件:gulp-swig

  • 安装插件
$ yarn add gulp-swig -D
  • 导入插件
    在这里插入图片描述
    在模板中预设号的变量,因为没有传入模板数据上下文而变成null(空值)
    在这里插入图片描述
  • 往gulp-swig插件中传入模板数据上下文
    在这里插入图片描述
    在这里插入图片描述

创建组合任务=>将样式/脚本/页面统一构建

  • style/script/paged三个任务之间没有依赖,可同时执行=>parallel()函数有gulp提供
    在这里插入图片描述

图片和字体文件的编译 => gulp-imagemin

  • 安装插件
$ yarn add gulp-imagemin -D
  • 导入插件
    在这里插入图片描述
  • gulp-imagemin插件可以帮助我们压缩图片,同时字体文件也是通过该插件进行压缩
    在这里插入图片描述
  • 改进:将所有的任务放在compile中
const compile = parallel(style, script, page,image,font)
module.exports = {
  compile,
}

在这里插入图片描述

其他文件及文件清除

public文件处理

  • src下面的任务已经全部处理完成后,我们再把public下面的文件做一个拷贝(不经过转换流处理)
  • 添加一个额外的拷贝任务extra,这个任务可以放在compile任务中,但是compile的功能是吧src下的文件做转换,所以我么可以添加一个新的任务build同时执行compile和extra(组合的基础上再组合一次)
    在这里插入图片描述

dist文件清除 => del插件(不是gulp的插件)

  • del插件不是gulp的插件,但在gulp中可以使用
  • 安装插件
$ yarn add del -D
  • 导出插件
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

自动加载插件 => gulp-load-plugins插件

  • 随着构建任务越来越复杂,使用到的插件也会越来越多,如果我们都是通过手动的方式载入插件的话,require的操作会非常多,不利于我们后期去回顾代码
  • 安装插件
$ yarn add gulp-load-plugins -D
  • 通过gulp-load-plugins插件提供的api自动加载全部的插件(plugin)
    在这里插入图片描述
    注意点
  1. gulp-load-plugins插件只能自动导出gulp的插件,所以上面的del插件是不能通过此方法自动导入,还是需要手动导入del插件
  2. 格式
    2.1 gulp-sas s=> plugins.sass
    2.3 gulp-sass-env=> plugins.sassEnv 需要转换成驼峰格式

热更新开发服务器 browser-sync 插件

启动服务器

  • 开发阶段调试应用
  • browser-sync 插件不是gulp的插件,需要手动导入
  • 安装插件
$ yarn add browser-sync
  • 导入插件
const browserSync = require("browser-sync")
  • 创建服务器
const bs = browserSync.create()
  • 创建启动服务的任务
const serve = () => {
  // 初始化这个服务器的相关配置
  bs.init({
    //server:网站根目录,就是web服务器帮我们把那个目录当成根目录
    server: {
      baseDir: "dist" //dist目录就是网站根目录
    }
  })
}

在这里插入图片描述

  • 执行启动服务器的任务
$ yarn gulp serve
  • 效果
    在这里插入图片描述
  • 看到的效果差强人意,因为我们在代码的编译过程中,我们并没对/node_modules下模块的拷贝,我们只是将自己写的src和public目录下的文件进行了编译
    在这里插入图片描述
  • 改进:在给browser-sync单独加一个特殊的路由routes,让对于/node_module这种开头的网页请求指定到同一目录下
    在这里插入图片描述
  • 则对于网页中bootstrap库的样式请求就会自动映射到我们项目下的node_modules中
  • 效果
    在这里插入图片描述
  • 服务器其它常用选项配置
    在这里插入图片描述

模块热更新

dist目录热跟新
  • 服务器配置选项=> files:“监听文件的路径”
  • files选项配置只是监听dist目录下文件发生变化,浏览器自动更新,并不是src下的源码
    在这里插入图片描述
  • src目录下文件修改如何触发热更新:src下文件修改后自动更新,监视src下面文件变化,一旦文件变化后,重新完成构建任务(build),构建完成后,dist目录下文件发生变化,也就触发了files选项配置,浏览器同步更新
src目录热更新 gulp 提供的api => watch
  • watch会自动监视一个文件路径符,然后根据这些文件的变化决定是否去执行某一个任务
  • wtach()接收两个参数 参数一:通配符 参数二:任务函数
  • 导入watch插件
    在这里插入图片描述
  • 在serve任务中配置watch选项(其实在哪里配置都可以,只是watch监听后的结果要在浏览器中看到结果,和服务器放在一起方便维护)
    在这里插入图片描述
构建优化(减少构建的次数)

前提知识:

  • watch() 对于css/js/html文件的编译的是有意义的,但是对于字体/图片和额外文件(public下文件)的编译在开发阶段没什么意义
  • 因为图片和字体文件,我们只是对它们进行了压缩,并不影响在页面中的呈现,在开发阶段监视更多的文件(字体/图片/public下文件),开销也会越大,而这个开销在开发阶段是没有意义的,并且降低开发阶段构建的效率 =>develop环境
  • 我们只是希望在项目上线前通过压缩减小上线项目的体积,从而提高网站运行的效率=>build(生产)环境

优化步骤

  • 在开发(develop)阶段,字体/图片/public下文件不参与构建
    在这里插入图片描述
    在这里插入图片描述
  • 执行构建命令
$ gulp develop

在这里插入图片描述

  • 虽然字体/图片/public下文件在开发阶段并不参与构建,但是这并不影响他们的使用,因为
baseDir: ["dist", "src", "public"],
  • src下的字体/图片文件及public下的文件发生变化,我们也希望同时更新下浏览器,可以通过一个watch(),此时我们watch的第二个参数不是构建任务,因为我们在开发阶段,以上的文件是不参与构建的
  • watch() 第二个是browser-sync创建的服务器实例的一个方法bs.reload
    在这里插入图片描述

useref文件引用处理 (uesref:使用依赖)

  • 执行build命令时,dis下会以最终上线的状态来呈现所有生成的文件
$ yarn gulp build
  • 发现在dist/index.html中存在node_modules下文件的依赖,但这些依赖并没有拷贝到dist目录下,我们将dist目录上线肯定会出现问题,它会找不到这些bootstrap文件
  • 在开发阶段运行没有问题的原因是在serve命令中做了路由(routes)的映射,并不能在线上环境这么操作,
  • 解决方式=>useref插件会自动处理html中的构建注释
  1. 构建注释结构
    1.1 开始 build:css dist目录下的文件地址
    1.2 结束 endbuild
    在这里插入图片描述
  • 安装插件
$ yarn add useref
  • 创建uesref任务
    在这里插入图片描述
  • 代码
const useref = () => {
  // 对dist目录中的html文件进行处理D
  return src("dist/*.html", {
      base: "dist"
    })
    .pipe(plugins.useref({
      searchPath: ["dist", "."] // 在哪些文件中找这些依赖文件"."项目根目录包含了包含了node_modules目录
    }))
    .pipe(dest("dist"))
}
  • 执行命令(前提:build之后产生了dist目录)
$  yarn gulp useref

在这里插入图片描述
注意点: " . "代表根目录,那为什么前面还需要加上dist呢?
原因: 插件uesref的searchPath参数可以是一个数组,使用较多的情况是在dist下寻找htm文件,所以dist写在前面,而在没有dist文件的情况下就要向根目录下面寻找,所以写在后面,如果只写’’ . "的情况,那么打包后的dist文件中的html就不会处理

文件压缩

  • 有了useref之后,它会自动的帮我们把对应的依赖文件全部打包过来了,但我们还需要对这些文件进行一些压缩的处
  • 分别压缩HTML,CSS,javascript
  • html是通过src文件读取流创建出来的,css和js是useref工作过程中创建出来的
  • 因为有三种文件需要处理,需要一个gulp-if插件来判断文件的类型来做不同的处理
$ yarn add gulp-if -D
$ yarn add gulp-uglify -D // 压缩js
$ yarn add gulp-cleanCss-D //压缩css
$ yarn add gulp-=htmlmin-D //压缩html

在这里插入图片描述

  • 但这个时候还有一个问题
    在这里插入图片描述

重新规划构建过程

背景

  • useref任务中的读取流和写入流是同一个文件,会产生冲突问题
  • 在useref之前,我们所有生成的文件实际上是一个中间产物,我们需要创建一个临时目录temp,当我们执行useref时是对临时目录temp的处理
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    代码
const {
  src,
  dest,
  parallel,
  series,
  watch
} = require("gulp")
const del = require('del')
const browserSync = require("browser-sync")
const bs = browserSync.create()
const loadPlugins = require("gulp-load-plugins")
const {
  pipe
} = require("stdout-stream")
const plugins = loadPlugins()
const data = {
  pkg: {
    name: 'szy',
    homepage: "123"
  }
}
const clean = () => {
  // 删除临时的目录
  return del(["dist", "temp"])
}
const style = () => {
  // 放在temp目录中
  return src("src/assets/styles/*.scss", {
      base: 'src'
    })
    .pipe(plugins.sass())
    .pipe(dest("temp"))
}
const script = () => {
  // 放在临时目录中
  return src("src/assets/scripts/*.js", {
      base: "src"
    })
    .pipe(plugins.babel({
      presets: ["@babel/preset-env"]
    }))
    .pipe(dest("temp"))
}
const page = () => {
  //  放在临时目录中
  return src("src/*.html", {
      base: "src"
    })
    .pipe(plugins.swig({
      data
    }))
    .pipe(dest("temp"))
}
const image = () => {
  // 这个过程只会在build的时候做,在开发阶段我们始终引用的是src下的图片等
  return src("src/assets/images/**", {
      base: "src"
    })
    .pipe(plugins.imagemin())
    .pipe(dest("dist"))
}
const font = () => {
  return src("src/assets/fonts/**", {
      base: "src"
    })
    .pipe(plugins.imagemin())
    .pipe(dest("dist"))
}
const extra = () => {
  return src("public/**", {
    base: "public"
  }).pipe(dest("dist/"))
}
const serve = () => {
  watch("src/assets/styles/*.scss", style),
    watch("src/assets/scripts/*.js", script),
    watch("src/*.html", page),
    watch(["src/assets/images/**", "src/assets/fonts/**", "public/**"], bs.reload)
  bs.init({
    files: "temp/**",
    server: {
      baseDir: ["temp", "src", "public"], //放在临时目录中 
      routes: {
        '/node_modules': "node_modules"
      }
    }
  })
}
const useref = () => {
  // 临时目录中取文件
  return src("temp/*.html", {
      base: "temp"
    })
    .pipe(plugins.useref({
      searchPath: ["temp", "."]
    }))
    // 此处有html,css,js代码
    .pipe(plugins.if(/\.js$/, plugins.uglify()))
    .pipe(plugins.if(/\.css$/, plugins.cleanCss()))
    .pipe(plugins.if(/\.html$/, plugins.htmlmin()))
    .pipe(dest("dist"))
}
const compile = parallel(style, script, page)
// useref只会在最终上线的项目中使用(build操作中)
// compile和useref有依赖关系(串行任务), compile先执行,生成了temp目录,useref再对temp目录压缩生成dist目录
// const build = series(clean, parallel(compile, image, font, extra))
const build = series(clean, parallel(series(compile, useref), image, font, extra))
const develop = series(clean, compile, serve)
module.exports = {
  build,
  develop,
}

在package.json中优化

在这里插入图片描述

shenzhenya
关注
go 接收发送文件
开发之路
12-20 637
package main import ( "fmt" "os" "net" "io" ) //发送文件内容 func SendFile(path string,conn net.Conn){ //以只读的方式打开文件 f,err := os.Open(path) if err != ...
GulpStart:gulp入门实战
05-12
**Gulp简介** Gulp 是基于Node.js的构建工具，它采用流式处理方式，可以处理各种任务，如编译Sass到CSS、合并JavaScript文件、自动刷新浏览器、压缩代码等。Gulp的工作原理是将文件作为数据流进行处理，这使得其...
gulp：入门简介
dengrong8117的博客
03-26 133
本文是gulp的入门级介绍，主要内容包括什么是gulp，gulp与grunt有什么区别，gulp可以解决grunt存在的哪些问题，以及一个简单的说明例子。 什么是gulp gulp的官方定义非常简洁：基于文件流的构建系统。这里强调了 streaming，也就是gulp与grunt的在构建流程上的主要区别。具体区别在哪里，后面会简单介绍。 The streaming build ...
使用Gulp构建前端项目：完整指南
最新发布
weixin_32306683的博客
08-26 919
本文还有配套的精品资源，点击获取 简介：前端开发中的构建过程至关重要，Gulp是一个基于Node.js的流构建系统，可以简化和自动化构建任务。本指南将全面介绍Gulp，包括其简介、优势、安装和设置、任务编写以及如何使用Gulp进行构建。通过提供的示例项目，你可以深入了解Gulp的实际应用，提升前端开发效率和产品质量。 1. Gulp简介 Gulp是一个基于流的构...
gulp基本介绍
weixin_30741653的博客
03-27 132
一、gulp是什么 gulp就是用来机械化的完成重复性质（如less->css；js、css压缩；js混淆）的工作；gulp的机制就是将重复工作抽象成一个个的任务。 二、gulp使用 a.首先确保电脑上已经正确安装了node环境； b.其次再全局安装gulp，命令行语句：npm install -g gulp； c.在项目根目录下添加一个gulpfile.js文件，这个是gulp的...
gulp简介
weixin_34088838的博客
06-22 209
简介 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入。主要呢，就是用来帮助我们更快构建。...
Gulp简单介绍
weixin_34380948的博客
06-12 172
Gulp 介绍 自动化构建工具，可以通过gulp对我们的代码进行全自动的编译。可以实现代码的自动压缩、编译、实时监测等功能。 特点 任务化 基于流(数据流io:input/output)操作 整个操作都是基于数据流进行操作 具备属于gulp的内存，所有的操作全部在gulp的内存当中 对应着输入流和输出流。会将数据通过src方法输入，通过dest方法输出。 简易的API 官网网站:http...
gulp-mundler:gulp的gulp插件
04-28
### Gulp简介 Gulp是一款基于任务的构建系统，它使用流(stream)处理文件，提高了构建效率。通过定义一系列任务，Gulp可以自动化地完成诸如编译、压缩、合并、清理等常见的前端工作，极大地提升了开发效率。 ### ...
gulp-php-cs-fixer:Gulp 的 PHP 代码标准修复程序
06-03
1. **Gulp简介** Gulp 是一个基于 Node.js 的构建系统，它允许开发者定义任务来自动化常见的前端工作流程，如编译 SASS、压缩 JavaScript 和图片、合并文件等。Gulp 使用流式处理，使得处理大量文件时效率更高。 2...
浅谈gulp的使用、gulp的常用插件、gulp基本操作以及gulp的常用项目流程操作
01-20
【gulp简介】 gulp是一个基于Node.js的自动化构建工具，主要服务于前端开发，帮助开发者处理常见的构建任务，例如搭建本地Web服务器、实时刷新浏览器、预处理语言如Sass或LESS的转换、资源优化如CSS、JavaScript的...
使用Go语言实现远程传输文件
01-01
前言 之前有一篇介绍如何使用Go语言通过SSH协议来执行远程命令：如何使用Go语言实现远程执行命令 同样，通过SSH协议也可以使用Go语言来远程传输文件。 除了 SSH 的库，为了传输文件，还需要用到 github.com/pkg/sftp 这个库。 实现方式 废话不多说，直接看代码。 由于是基于 SSH 协议实现的远程文件传输，所以先创建 SSH 的连接，再创建传输文件的 sftp 客户端。 func connect(user, password, host string, port int) (*sftp.Client, error) { var ( auth []ssh.A
Go-简单易用的文件传输平台(支持P2P高速传输超大文件).后端使用Golang前端React.
08-13
P2P文件传输功能使用 simple-filer(一个JavaScript库), 这也是本人写的一个webRTC工具
Go-gfile是一个基于WebRTC的文件直接传输软件
08-14
gfile是一个基于WebRTC的文件直接传输软件
golang文件传输服务
weixin_33909059的博客
03-07 199
续上篇，本篇介绍一个完整的golang文件传输服务器。 完整的代码可以看服务器,客户端 网络使用的框架如上篇介绍，这里就不再复述. 首先定义3个命令码： const ( request_file = 1 file_size = 2 transfering = 3 ) request_file用于请求文件传输，附带的命令参数是文件key. file...
Go语言--传输文件
m0_73537205的博客
07-15 271
分别实现客户端和接收端，使得客户端发送的各种文件信息，接收方能够以相同的形式以及大小拷贝到当前目录下。
【GO语言】实现网络文件传输
立志冲海大
03-15 1916
GO语言实现网络文件传输项目总览：一、项目开发日志二、图解传输过程三、发送端端代码展示四、接收端代码展示五、效果展示： 项目总览： 1.开发语言：GO语言 2.IDE：Goland 3.开发用时：一个小时 4.源码链接：https://pan.baidu.com/s/1FbyrWv2sopbjM9fzRhpfhQ 提取码：0000 --来自百度网盘超级会员V1的分享 以下是本篇文章正文内容，欢迎朋友们进行指正，一起探讨，共同进步。——来自考研路上的lwj。QQ：2394799692 一、项目开发日志 文件
Gulp介绍
aa3214567的博客
08-20 569
gulp是基于Node.js的自动任务运行器，能自动化地完成 JavaScript/sass/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，同时可以对文件进行监听，如果文件有改动，可以自动处理生成新的文件。 gulp 和 grunt 非常类似，grunt 会频繁进行 IO 操作，而 gulp 则不需要，可以更高效的完成操作。 Gulp官网
gulp介绍
weixin_33859665的博客
10-23 88
2019独角兽企业重金招聘Python工程师标准>>> ...
gulp与Angular结合使用指南
1. Gulp简介 Gulp是一个基于Node.js的自动化构建工具，专门用于优化前端工作流程。它通过流的方式处理文件和任务，使用Node.js流作为主要的处理管道，以实现高效的项目构建。Gulp借助于强大的插件生态，可以实现压缩...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值