gulp入门

安装gulp

 npm install -g gulp-cli

安装gulp插件

    npm install --save gulp            //本地使用gulp
    npm install --save gulp-imagemin   //压缩图片
    npm install --save gulp-minify-css //压缩css
    npm install --save gulp-ruby-sass  //sass
    npm install --save gulp-jshint     //js代码检测
    npm install --save gulp-uglify     //js压缩
    npm install --save gulp-concat     //文件合并
    npm install --save gulp-rename     //文件重命名
    npm install --save png-sprite      //png合并
    npm install --save gulp-htmlmin    //压缩html
    npm install --save gulp-clean      //清空文件夹
    npm install --save browser-sync    //文件修改浏览器自动刷新
    npm install --save gulp-shell      //执行shell命令
    npm install --save gulp-ssh        //操作远程机器
    npm install --save run-sequence    //task顺序执行

gulp使用与执行

在目录创建gulpfile.js文件

var gulp = require('gulp');
gulp.task('default', function() { // place code for your default task here});

执行:
gulp default或者gulp(默认default的task)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近使用gulp自动化构建工具来开发网站,在此给大家分享一下使用gulp的一些使用教程。 一 gulp安装 1、安...
    穿越人海遇见你阅读 13,225评论 2 17
  • 简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发...
    情怀水岸阅读 831评论 0 5
  • 觉得此文甚好,转发来自[http://w3ctrain.com/2015/12/22/gulp-for-begin...
    Tinazbh阅读 482评论 0 0
  • [转载](https://github.com/zhonglimh/Gulp) Gulp构建前端自动化工作流 Gu...
    Gopal阅读 798评论 0 0
  • 前言 本文默认你已经安装好node环境,并且熟悉node命令,和window cd命令。 gulp简介 基于nod...
    9I阅读 1,995评论 4 50