gulp学习总结

原创 2016年08月30日 16:34:57

入门指南

1.全局安装 gulp:

$ npm install --global gulp

2.在项目中安装gulp:

$ npm install --save-dev gulp

3.准备gulpfile.js文件:

var gulp = require('gulp');

gulp.task('default', function() {
  // 将你的默认的任务代码放在这
});

4.运行gulp:

$ gulp

重要api

  • gulp.src(globs[, options])
  • gulp.dest(path[, options])
  • gulp.task(name[, deps], fn)
  • gulp.watch(glob [, opts], tasks)

重要插件

  • gulp-uglify
  • gulp-concat
  • gulp-useref
  • del
  • gulp-sass
  • gulp-if
  • gulp-autoprefixer
  • gulp-livereload
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

react学习总结6--构建工具Gulp、Browserify(二)

react 学习总结–构建工具Gulp、Browserify(二)1.html 文件处理gulp-htmlmin 插件 用于压缩html,可以进行配置,下边是配置信息(选填) var gu...

gulp详细教程---学习总结

gulp介绍 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;可以大大提高我们的工作效率。...

gulp 学习总结

gulp 可以压缩静态资源 css,js,images ,通过gulp 可以让这些自动化,gulp 的 pipe 就像管道一样来处理静态资源。 gulp 的配置文件见后,完整的项目demo请访问:ht...

react学习总结5--构建工具 Gulp、Browserify(一)

react 学习总结–构建工具Gulp、Browserify(一)说明 关于构建工具,以前只用过 fis(使用的很基础),入职新公司,前端只有我一个人,所以只能自己学 gulp 了,各种插件都是去...

gulp学习总结

gulp学习

gulp实现静态资源压缩,打包,上传总结

本文只是对gulp构建工具的一些常用功能的总结。 1.实现文件(css,js,image)压缩 2.实现文件合并 3.版本控制 引用插件如下:var gulp = require('gulp'...

gulp使用总结,不加return后果很严重(转)

gulp号称要替代grunt的工具,有不少的优点,例如上手简单,代码短,本身就是配置文件,流式处理效率高,看到得错误的行号提示等等,对于两者都没有接触过的人来说,还是用gulp吧。 前端的工作流程一些...
  • oooyou
  • oooyou
  • 2017年07月28日 23:28
  • 220

Tool-基于gulp的前端自动化构建方案的总结

最近,在公司的项目中,使用的是gulp这个构建工具,来搭建这个前端项目。之前一直没有深入的了解过,也没有真正亲自动手去实践。为了搞明白gulp的相关知识,特意查阅了相关的资料,特意总结下来。gulp是...

gulp入门总结

gulp入门总结

使用 gulp 搭建前端环境之 ionic 项目实践总结

3.1 前言 3.2 angular 目录结构简介 3.3 ionic 目录结构简介 3.4 重构 ionic 目录结构 3.4.1 区分 SRC 和 WWW 3.4.2 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:gulp学习总结
举报原因:
原因补充:

(最多只允许输入30个字)