
gulp
文章平均质量分 71
雾里看花叹朦胧
心有多大,天有多高。
展开
-
使用Gulp(V4.+) + Babel + Browserify 配置ES6的开发环境
关于 Gulp 的环境配置,请参考如下文章:使用Gulp(V3.+) + Babel + Browserify 配置ES6的开发环境如果使用的 Gulp 版本是 V4 以上的,配置相对于 V3 有些许的变化。1.注意点往往我们使用的 Gulp 编译命令是使用的全局的 Gulp,而非局部的。所以,如果局部使用了 V4的版本,而全局的Gulp 是 V3 版本的,那么在执行 gulp 命令时,会...原创 2020-01-15 14:45:38 · 957 阅读 · 0 评论 -
使用Gulp(V3.+) + Babel + Browserify 配置ES6的开发环境
这里使用的Gulp 版本有 V3.9.1,大版本为3.0,如果使用了V4.0版本,配置上会有比较大的改变,具体可以参考另外一篇文章:1.简单说明一下:gulp 是工具,Babel 编译 ES6 => ES5,Browserify 添加浏览器支持。2. 整体项目结构3. 测试代码3.1 App.jsclass App{ constructor(name) { ...原创 2020-01-14 18:33:42 · 806 阅读 · 0 评论 -
gulp详细入门教程
简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合转载 2017-10-26 14:22:14 · 206 阅读 · 0 评论 -
gulp.task
gulp.task方法用来定义任务,内部使用的是Orchestrator,其语法为: gulp.task(name[, deps], fn)name: 为任务名deps: 是当前定义的任务需要依赖的其他任务,为一个数组。当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖,则可省略这个参数fn: 为任务函数,我们把任务要执行的代码都写在里面,是当前任务的实际处理逻辑。该参数也是原创 2017-10-27 16:30:00 · 8304 阅读 · 1 评论 -
gulp插件/gulp模块
1、gulp 介绍:http://www.gulpjs.com.cn/docs/getting-started/ 作用:前端自动化构建工具,在国内经常使用的还有webpack和grunt。2、path 介绍:http://www.jianshu.com/p/fe41ee02efc8 作用:文件路径解析工具3、yargs 介绍:https://www.npmjs.com/package/ya转载 2017-10-26 14:41:55 · 404 阅读 · 0 评论 -
gulp-load-plugins自动加载插件
安装:npm install –save-dev gulp-load-plugins要使用gulp的插件,首先得用require来把插件加载进来,如果我们要使用的插件非常多,那我们的gulpfile.js文件开头可能就会是这个样子的:var gulp = require('gulp'), //一些gulp插件,abcd这些命名只是用来举个例子 a = require('gulp-a'转载 2017-10-27 16:55:46 · 3765 阅读 · 0 评论 -
gulp.watch
gulp.watch()用来监视文件的变化,当文件发生变化后,我们可以利用它来执行相应的任务,例如文件压缩等。其语法为 gulp.watch(glob[, opts], tasks)glob 为要监视的文件匹配模式,规则和用法与gulp.src()方法中的glob相同。 opts 为一个可选的配置对象,通常不需要用到 tasks 为文件变化后要执行的任务,为一个数组gulp.task('u原创 2017-10-27 16:35:27 · 3338 阅读 · 0 评论 -
gulp.dest
gulp.dest()方法是用来写文件的,其语法为: gulp.dest(path[,options])path为写入文件的路径 options为一个可选的参数对象,通常我们不需要用到要想使用好gulp.dest()这个方法,就要理解给它传入的路径参数与最终生成的文件的关系。 gulp的使用流程一般是这样子的:首先通过gulp.src()方法获取到我们想要处理的文件流,然后把文件流通过pi原创 2017-10-27 11:43:54 · 12264 阅读 · 0 评论 -
gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件)
整个目录:gulp.task(‘copy’, function() { return gulp.src(‘src/*/‘) .pipe(gulp.dest(‘dist’)) }); gulp拷贝文件的时候如何保持路径?效果:保留static/jquery/路径信息,即拷贝后的文件路径是 dist/static/jquery/jquery.js1、在 gulp.src 加一个ba原创 2017-10-27 11:09:16 · 13549 阅读 · 0 评论 -
本地编译 gulp 项目
1、安装nodewindow下,下载node安装即可,以支持 npm 指令。 node下载地址:http://nodejs.cn/download/ 安装比较简单,基本一直下一步即可,安装路径随意。 安装完成后,终端输入如下命令 显示版本号即安装成功。 node -v查看 npm 版本: npm -v查看 npm 所使用的库: npm config get registry如果返回的结果原创 2017-10-27 10:47:44 · 831 阅读 · 0 评论