gulp 常用方法 任务 插件】的更多相关文章

执行gulp 任务 gulp taskname (default任务不输入名称亦可:gulp) var gulp = require("gulp"); gulp.task("a",function(){ console.log("aaa"); }); gulp 前置任务 gulp.task(当前任务,["前置任务"],回调函数) var gulp = require("gulp"); gulp.task(&…
gulp是什么? http://gulpjs.com/ 相信你会明白的! 与著名的构建工具grunt相比,有什么优势呢? 易于使用,代码优于配置 高效,不会产生过多的中间文件,减少I/O压力 易于学习,API非常少,你能在很短的事件内学会gulp 那些常用的gulp插件 No.1.run-sequence Links: https://www.npmjs.com/package/run-sequence 作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用 推荐指数:★★★★★…
gulp自动刷新的插件很多,但是感觉最好用的还是 browser-sync 插件.如果不想用命令行,也可以使用 browser-sync界面工具 先安装 browser-sync 插件: npm install browser-sync --save-dev 安装 browser-sync 插件可能遇到的问题 http://www.cnblogs.com/ayseeing/p/4201202.html browser-sync API gulpfile.js文件代码如下: // 先引入依赖模块…
gulp是基于”流“的构建工具,上层流的输出就是下层流的输入,为了更好的支持链式操作,可以使用through2或者map-stream这两个库来对node stream做一层包装 这里,我们就使用through2来定义一个简单的gulp插件示例:doSomething.js 'use strict'; var through = require('through2'), module.exports = function(opt) { function doSomething(file, enc…
原博主:幻天芒 原文地址:http://www.cnblogs.com/humin/p/4337442.html gulp是什么? http://gulpjs.com/ 相信你会明白的! 与著名的构建工具grunt相比,有什么优势呢? 易于使用,代码优于配置 高效,不会产生过多的中间文件,减少I/O压力 易于学习,API非常少,你能在很短的事件内学会gulp 那些常用的gulp插件 No.1.run-sequence Links: https://www.npmjs.com/package/ru…
npm init命令初始化当前文件夹后,在当前文件夹新建gulpfile.js文件.当前目录下的所有操作流都在gulpfile.js文件中定义. gulp自动化 gulp-uglify (JS压缩) gulp-uglify安装: npm install --save-dev gulp-uglify gulp-uglify用来压缩js文件,使用的是uglify引擎. var gulp = require('gulp'); //加载gulp var uglify = require('gulp-ug…
gulp-uglify(js压缩) gulp-uglify安装 // npm install --save-dev gulp-uglify 已过时 npm install --save-dev jshint gulp-jshint gulp-uglify用来压缩js文件,使用的是uglify引擎. var gulp = require('gulp'); //加载gulp var uglify = require('gulp-uglify'); //加载js压缩 // 定义一个任务 compass…
gulp和webpack的差别:https://www.cnblogs.com/lovesong/p/6413546.html var gulp = require('gulp'); var del = require('del'); // 常用插件 // 压缩javascript文件,减小文件大小 var uglify = require('gulp-uglify'); // 文件重命名 var rename = require('gulp-rename'); // 压缩css var css…
参考地址: http://www.cnblogs.com/1wen/p/5421212.html https://my.oschina.net/wolfx/blog/673905 http://www.cnblogs.com/kelsen/p/4643762.html http://www.jianshu.com/p/98db023b5b89 首先,来了解下gulp的大概使用流程: 首先通过  gulp.src()  方法获取到我们想要处理的文件流,然后把文件流通过pipe方法导入到gulp的插…
var gulp = require('gulp'); var concat = require('gulp-concat'); //使用gulp-concat合并文件,减少网络请求(静态资源数量): var uglify = require('gulp-uglify'); //使用gulp-uglify压缩js文件,减少文件大小: var cssmin= require('gulp-cssmin'); //使用gulp-cssmin压缩css文件,减少文件大小: var connect= re…