Gulp简介

最新推荐文章于 2023-03-21 20:33:56 发布
最新推荐文章于 2023-03-21 20:33:56 发布
阅读量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
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
go 接收发送文件
开发之路
12-20 617
package main import ( "fmt" "os" "net" "io" ) //发送文件内容 func SendFile(path string,conn net.Conn){ //以只读的方式打开文件 f,err := os.Open(path) if err != ...
gulp html自动引用,gulp-html-import，在html中引入外部html文件
weixin_29774037的博客
05-31 230
项目地址：曾经学习PHP的时候，深深觉得include语法非常好用，后接触了ejs，发现里面也有类似的语法，能够方便地引入公共html文件；在学习了vue，react等框架以后，“组件化思想”更是在我脑海根深蒂固，再也无法忍受每个页面重复大量代码的原始方法。但是，在最最普通的静态html开发过程中，我实在懒得用框架，只想用最基本的方式写几个静态页面出来，这时候才想起，没有include语法，每个页...
Node、gulp、sass
qq_44930306的博客
08-25 442
这里是基于node.js衍生出的几个工具的使用。gulp用于js/css文件压缩：sass用于css样式预处理
解决升级nodejs导致gulp以及node-sass不兼容的问题
Java学习
04-14 3848
最近在捣腾一个项目的时候遇到了一系列的问题，在网上查了各种方法，终于得到解决了。现在记录如下： 问题一：升级node 10（之前是6）之后不能使用gulp了，错误如下截图： 之前的gulp版本 nodejs的版本 运行项目时报的错误 解决方案 （1）执行命令npm igraceful-fs安装graceful-fs​​​​​​​即可解决上面的问题 （2）执行命令npm i...
Gulp使用ES6语法
yidragon88xx的专栏
12-15 2811
在Node.js版本4之后，我们已经可以使用ES6（ES2015）语法并且不使用Babel包。但是Gulp模块不支持，所以我们仍然使用“require()”方式；如果想要支持需要借助Babel包。 在Gulp 3.9+版本后已经可以使用ES6。 首先、检查Gulp版本（gulp -v),如果低于要求版本可以使用命令更新到最新版本。 npm install gulp && npm instal
gulp插件文件
12-03
### Gulp简介 Gulp是一个基于任务的构建系统，它的核心思想是通过定义一系列的任务来完成特定的工作。开发者可以通过编写简单的JavaScript代码来定义任务，并利用Gulp提供的插件处理不同的构建需求。Gulp强调代码即...
gulp使用教程.docx
09-13
## 一、gulp简介 Gulp是一款基于Node.js的自动化构建工具，它允许开发者通过编写简单的JavaScript任务来实现构建流程的自动化。这些任务可以包括文件的编译、合并、压缩、清理等操作。Gulp的核心理念是通过流...
gulp入门demo
12-07
`gulp`简介 `gulp`是一个用于构建前端项目的工具，它允许开发者定义一系列的任务来自动化工作流程，如编译Sass，合并和压缩CSS/JS，自动刷新浏览器，以及部署清理等操作。`gulp`的核心理念是利用流（Stream）处理...
use-gulp：gulp资料收集
02-03
**gulp简介** `Gulp` 是一个自动化构建工具，它基于Node.js，使用流式处理方式来高效地处理项目构建任务。gulp的核心理念是“代码就是配置”，这意味着通过编写JavaScript代码来定义构建流程，使得任务配置更为灵活...
gulp-sass：gulp的SASS插件
02-22
口香糖 Sass插件。 提交问题之前，请确保您已并已通过“部分。 支持 仅支持。 安装 npm install node-sass gulp-sass --save-dev 基本用法 这样的事情将编译您的Sass文件： 'use strict' ; var gulp = require ( 'gulp' ) ; var sass = require ( 'gulp-sass' ) ; sass . compiler = require ( 'node-sass' ) ; gulp . task ( 'sass' , function ( ) { return gulp . src ( './sass/**/*.scss' ) . pipe ( sass ( ) . on ( 'error' , sass . logError ) ) . pipe ( gulp .
gulp常用插件介绍及使用
木木三的专栏
05-11 2006
转载自：https://blog.csdn.net/qq_27626333/article/details/78006271 Gulp是基于Node.js的一个构建工具（自动任务运行器），开发者可以使用它构建自动化工作流程（前端集成开发环境）。一些常见、重复的任务，例如：网页自动刷新、CSS预处理、代码检测、压缩图片、等等…… 只需用简单的命令就能全部完成。使用它，可以简化工作，让你把重点放在功...
gulp打包（含第三方模块下载教学）
qq_45799465的博客
02-26 4173
目录 一、创建项目文件夹 二、项目文件夹初始化 三、 依赖包的下载 3.1 事前准备 3.2全局依赖包的下载 3.2.1 下载gulp全局依赖包 3.2.2 下载全局 node-sass依赖包 3.3 开发依赖包的下载 3.3.1 下载gulp开发依赖包 3.3.2 css文件打包压缩依赖包 3.3.3JavaScript文件 打包压缩需要的依赖包 3 3.3.4html文件打包压缩需要的依赖包 3.3.5sass文件 打包压缩需要的依赖包 ...
gulp的安装及使用教程
最新发布
qq_62667219的博客
03-21 1440
gulp的安装及使用超详细保姆级教程来喽，新手小白也适用哦
gulp 修改 html 引入,gulp-html-import，在html中引入外部html文件
weixin_35972199的博客
06-17 176
写于 2016.06.14css项目地址：html曾经学习PHP的时候，深深以为include语法很是好用，后接触了ejs，发现里面也有相似的语法，可以方便地引入公共html文件；在学习了vue，react等框架之后，“组件化思想”更是在我脑海根深蒂固，再也没法忍受每一个页面重复大量代码的原始方法。可是，在最最普通的静态html开发过程当中，我实在懒得用框架，只想用最基本的方式写几个静态页面出来，...
go语言传输文件
军军的博客
09-14 871
发送文件 package main import ( "fmt" "io" "net" "os" ) func SendFile(path string, conn net.Conn) { //以只读方式打开文件 f, err := os.Open(path) if err != nil { fmt.Println(...
tcp模式下的文件传输 发送端和接受端代码
qq_42316743的博客
08-11 691
发送端 package main import ( “os” “fmt” “net” “io” ) func sendFile(conn net.Conn, filePath string) { // 只读打开文件 f, err := os.Open(filePath) if err != nil { ...
关于安装gulp-sass失败的问题解决
热门推荐
jimmyhandy的专栏
02-24 2万+
该文章所介绍的问题均是在64位win8下出现的。网络原因导致gulp-sass安装失败如果你正在构建一个基于 gulp 的前端自动化开发环境，那么极有可能会用到 gulp-sass ,由于网络原因你可能会安装失败，因为安装过程中部分细节会到亚马逊云服务器上获取文件。 执行安装gup-sass的命令$ npm install gulp-sass --save-dev这个过程中会先安装 node-sa
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值