美文网首页
gulp前端自动化工具初识

gulp前端自动化工具初识

作者: BrotherWy | 来源:发表于2017-03-31 11:18 被阅读0次

全局安装

npm install -g gulp

初始化项目

npm init (一路默认吧)
npm install gulp --save-dev(--save 把依赖添加到packge.json文件中dependencies下,再加-dev 就是把依赖加到devDependencies下)

配置文件

在根目录下新建gulpfile.js文件
配置文件
gulp.task 定义任务,最核心的 第二个参数是回调函数,里面可以进行一系列 的逻辑处理
gulp.src() 读取
gulp.dest() 输出
pipe() 执行命令
gulp.watch 监测

具体请看:http://www.gulpjs.com.cn/docs/api/

相关文章

  • Grunt 与 Gulp 前端自动化集成工具

    前端自动化集成工具:前端框架+工具 例如:Yeoman / Bower / Grunt / Gulp 一、grun...

  • gulp入门教程

    gulp是前端的自动化构建工具,gulp的出现是希望能取代grunt,成为最流行的前端自动化构建工具,它与grun...

  • 有哪些必看的前端 JS 库?

    前端自动化 前端构建工具 gulp – The streaming build system grunt – th...

  • 相关文章记录

    1.gulp构建工具相关信息 前端自动化构建工具gulp记录Gulp.js-livereload 不用F5了,实时...

  • gulp前端自动化工具初识

    全局安装 初始化项目 配置文件 具体请看:http://www.gulpjs.com.cn/docs/api/

  • 前端模拟json数据

    前端包管理npm 自动化工具gulp 模拟数据gulp-mock-server 安装 用法 Gitthub中的地址

  • gulp && webpack

    gulp 前端自动化构建工具,此类的工具还有gruntwebpack 前端打包工具,打包:分析项目所依赖的内容,自...

  • Hello-Gulp

    Gulp の 快速入门 Gulp概要 Gulp一种流式自动化工具,在构建前端应用是非常给力的哟 Gulp快速应用 ...

  • gulp

    前端自动化构建工具5个核心方法:gulp.task(“任务名”,function(){}) 创建任务gulp.s...

  • 前端内容的自动化构建

    前端内容的自动化构建 Gulp - 基于流的自动化构建工具 Browserify 官网 Github 一个管理前端...

网友评论

      本文标题:gulp前端自动化工具初识

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