美文网首页
gulp的工作原理

gulp的工作原理

作者: 乖乖果效36 | 来源:发表于2018-03-03 12:20 被阅读324次

gulp是基于Nodejs的自动任务运行器。
她能自动化地完成 javascript、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。
她借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单。
gulp主要用到node中的两个模块,fileSystem和stream,文件系统可以对文件进行操作,比如读取文件、写入文件、创建文件、修改文件名、删除文件等;而数据流主要分为读取流、写入流和双工流;这里还有一个管道pipe的概念,管道可以使文件对象从一个流安全的流入到另一个流。
gulp就是先创建一个读取流、一个写入流,在创建若干个双工流,对双工流进行数据的处理,比如去空字符,然后通过管道将读取流、不同功能的双工流、写入流依次连接起来,从而实现对文件的操作处理。

相关文章

  • gulp的工作原理

    gulp是基于Nodejs的自动任务运行器。她能自动化地完成 javascript、sass、less、html/...

  • 关于前端自动化工具GULP

    Gulp的准备工作 1、准备工作 2、Gulp基础 3、Gulp插件 安装gulp 在node.js环境下输入指令...

  • gulp的使用

    什么是gulp 简单来说gulp就是一个前端的工作流工具。侧重于工作流 gulp的实质 gulp就是用js写了一个...

  • gulp实例,原理

    1. 什么是 Gulp?简单的讲,Gulp 是一个构建工具,一个 streaming 构建工具,一个 nodejs...

  • 『前端工程化』gulp(gulp3 && gul

    Gulp 什么是Gulp Gulp是基于Node.js的构建工具,我们使用它来集成前端开发环境,来构建自动化工作流...

  • gulp API介绍

    1. gulp.src(globs[, options]) Grunt.js和Gulp.js工作方式 Grunt主...

  • gulp

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

  • 5 gulp自动化构建工具

    Gulp自动化构建工具 ->聚焦点:工作流/流操作 ->gulp.task();/src();/dest();/w...

  • gulp

    gulp 是一款nodejs应用,它是打造前端工作流的利器,打包、压缩、合并、git、远程操作...,gulp 简...

  • gulp自动化项目构建

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

网友评论

      本文标题:gulp的工作原理

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