gulp

作者: itdingrui | 来源:发表于2016-12-05 00:57 被阅读0次

gulp
前端构建工具,功能和grunt一样,但运行起来比grunt快
区别:
gulp: 快,书写跟nodejs一样,操作的是二进制流
grunt: 相对慢,书写是一个json又一个json
公司大部分用gulp
官网:http://gulpjs.com/
插件:http://gulpjs.com/plugins/

使用gulp流程
1.安装gulp命令环境
npm install gulp-cli --global
验证gulp已安装
gulp -version
2.准备两个文件
gulpfile.js gulp编写任务
package.json 工程文件 npm init
3.编写具体任务
4.安装本地gulp
npm install gulp --save-dev
5.下载插件
npm install gulp-contrib-watch 监听变化
npm install gulp-contrib-uglify --save-dev 压缩js
npm install gulp-contrib-cssmin --save-dev 压缩css
npm install gulp-htmlmin --save-dev压缩html
npm install gulp-contrib-imagemin --save-dev 压缩图片
npm install gulp-contrib-concat --save-dev 合并文件
6.运行
找到gulpfile这个js所在目录
执行命令:gulp

相关文章

  • gulp

    gulp gulp.src gulp.dest gulp.task gulp.watch gulp.pipe() ...

  • gulp自动化项目构建

    var gulp = require('gulp');//引用gulp var $ = require('gulp...

  • gulp压缩合并文件

    gulp压缩合并文件流程 //引入gulp和gulp插件var gulp = require('gulp');va...

  • Gulp 使用方法(教程一)

    Gulp 官网 目录 Gulp 环境 Gulp 环境 初始化目录结构 安装 gulp gulp 的简单使用 使用 ...

  • gulp讲解

    一、gulp的四个主要的API gulp.src、gulp.pipe、gulp.dest、gulp.watch 二...

  • JS: gulp.js

    var gulp = require('gulp'), minify = require('gulp-minify...

  • gulp的简单使用

    gulp使用流程:安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gu...

  • gupl 的基本压缩

    // 获取 gulp var gulp = require('gulp'); // 获取 uglify 模块(用于...

  • gulp+webpack+experss

    var gulp = require('gulp'); var gls = require('gulp-live-...

  • gulp与webpack的区别

    gulp webpack 相同功能: 功能 gulp webpack gulp.task('sass'...

网友评论

      本文标题:gulp

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