周日在公司的新电脑在以前gulp3.9配置的目录按下npm install时发现报了错，百度了一下得知原来gulp已经到了4.0版本，就花了一点时间去升了个级，顺便记下我个人使用到的配置文件新版本的不同点，文笔和水平有限，多多见谅。const { seri

在项目根目录创建gulpfile.js作为gulp入口文件。gulpfile.js中除了可以写gulp本身api,JavaScript和node也可以正常书写。但如果用到其他ts或es6则需要编译一下。其中default会直接调用。假如暴露的是其他task

我们的前端工程是使用gulp来构建的，开发环境下通过gulp.watch()来监控文件变化自动构建刷新页面，然后随着工程模块的膨胀，cpu的占用率越来越高，以至于后来只要gulp进程没有杀死，cpu持续跑在95%以上，已经严重影响了我同时进行其他工作，于是

介绍这段配置是之前的gulp版本不适配新版本node后，更新到了gulp4的新写法。在业务中，目前使用这份配置的是一个Koa2+njk项目，所以增加了nodemon来启动server。

npm run sp把根目录下的sprites文件夹下的子目录内的所有文件夹中的png和jpg的图片，以子文件夹目录为单位生产雪碧图，文件名为子目录名。}5、功能配置项详解如不需要使用某个配置项目，直接将其注释即可srcPath配置目录源文件目录，默认为'

用gulp配合git进行代码部署上传在项目中我们经常会想要在本地完成编译后，再进行git部署,此时我们就需要进行多步操作，显然会很繁琐。使用这个gulp脚本即可完成一行命令打包部署,并且可以自定义commit内容。具体实现代码var gulp = requ

全局安装$ npm install -g browser-sync本地安装$ npm install -D browser-sync首先简单的启动一个服务器// gulpfile.js. // 这样就能看到是显示了Hello gulp加入我们要对sass文

概念要学习gulp，首先是了解what is gulp。gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，我们不仅可以很愉快的编写代码，而且大

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得grun

Preface前端的世界越来越丰富，各种新鲜工具层出不穷。然而，人生却还是越来越寂寞。年纪越小的时候，越容易交到朋友，或者说越容易玩到一起。到了现在，往往是路不同不相谋，表面酒肉知己。如今webpack可以说是非常火热的构建工具，gulp的许多功能它都可以

首先说下我遇到这个问题的情况，因为之前早两年的时候用家里的台式机装过node和npm，但是后来没怎么使用这台电脑了，今天重新安装了node，把github上面的项目clone下来后要进行简单的修改，使用gulp server的命令时，出来了bash: gu

ENOSPC在ubuntu系统。Node.JS Error: ENOSPC

自动打包vue build打包时候其实就是在文件的合并，压缩，优化，到dist文件夹。gulp.task合并文件，优化减少并发yarn add --dev gulp-concat<script></script><script

require;脚本文件：var concat = require, // 合并js. amdOptimize = require, // 处理amd依赖。.pipe; // 把检测结果输出到console.

{ name:'main'} //说白了就是各页面的入口文件，相对baseUrl的路径，也是省略后缀“.js”

npm i gulp --save-devi：install简写--save-dev：自动添加到devdependencies. 安装示例npm i gulp-sequence --save-dev安装gulp-jshint要注意需要额外安装下jshint

gulp-strip-debug在gulpfile.js中载入插件var gulp = require;});自动压缩js代码并且重命名定义一个任务compress-js,压缩static文件夹下面的index.js,并且重命名为index.min.js,

自定义前端构建工具生成器generator-pg-cloud近期公司前端一直在做效率提升，流程优化，很荣幸这个担子落在了我身上，除了一些培训，分享之外，自己弄了个基于yeoman的前端构建环境生成器，在此分享给大家，觉得有用的请试用。

Gulp简介Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js是基于 Node.js构建的,利用Node.js流的威力,你可以快速构建项目。安装Gulp1、全局安装Gulp:npm install --g

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。}安装压缩js的插件: npm install gulp-uglify --sa