博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
3. gulp安装和使用
阅读量:4956 次
发布时间:2019-06-12

本文共 1204 字,大约阅读时间需要 4 分钟。

环境

安装gulp和grunt用的都是node 的包管理工具 -npm ,所以你需要先在电脑上安装 node ,这样就能去安装 Gulp 与 Grunt 了。(安装node会自动安装npm,检测安装成功 node -v,  npm -v)

 

安装

在项目里使用gulp,你得先在全局范围内去安装一下 Gulp 的命令行工具,然后在项目里面再去安装 Gulp。(如果遇到权限问题,在命令前加sudo)

npm install -g gulp

 进入到项目里面安装一下gulp

npm install gulp

然后输入npm init 为项目创建一个package.json文件,这样可以把gulp作为项目的开发依赖,放到这个package.json文件里面

npm init

 

gulp的使用

模块安装--save-dev意思就是把模块作为项目的开发依赖,放到 package.json 这个文件里面。)

npm install 模块名称  --save-dev

 任务创建

var gulp = require('gulp');            // 让gulp变量拥有Gulp的所有方法,创建Gulp的任务,就可使用gulp的task方法    var uglify = require('gulp-uglify');   // 压缩js    var rename = require('gulp-rename');   // 改名    // 创建a任务    gulp.task('a', function() {        return gulp.src('src/main.js')                .pipe(uglify())            // 管道  pipe                .pipe(gulp.dest('dest'));    });    // 创建b任务    gulp.task("b",function(){        return gulp.src("src/main.js")                .pipe(rename("a.min.js"))                .pipe(gulp.dest("dest"));          // 直接写输出目录             //.pipe(gulp.dest("dest/a.min.js"));  // 错误    });    gulp.task('default', ['a', 'b']);

 任务执行(需进入项目所在目录执行)

这里的greet为任务名称,a为a任务,b为b任务,default为[]里的所有任务

gulp a

 

转载于:https://www.cnblogs.com/zouxinping/p/4989844.html

你可能感兴趣的文章
C/C++中const关键字 2014-03-20 15:30 401人阅读 评论(0) 收藏...
查看>>
grep的用法
查看>>
stm32-浅谈IIC
查看>>
程序输入幸运数
查看>>
整数展示分数和整形数的四则运算
查看>>
写入数据java将数据写入到csv文件
查看>>
CI框架源码阅读笔记1 - 环境准备、基本术语和框架流程
查看>>
JSON字符与JSON对象的相互转换
查看>>
QSlider滑块类和QSpinBox微调框类
查看>>
JavaScript学习10 JS数据类型、强制类型转换和对象属性
查看>>
家庭用电的基本知识(转载)
查看>>
Debugging a SQL Server query with WinDbg
查看>>
Percona Live Conferences (2009-2016)-mysql
查看>>
http://bbs.chinaunix.net/thread-169061-1-1.html
查看>>
CenOS搭建FTP服务器
查看>>
1. Two Sum
查看>>
Head First HTML5 Chapter 5 地理定位 Google Maps API Marker 地图上的大头针
查看>>
bootstrap学习地址2017.6.1
查看>>
项目名报错,但是项目里不显示错误的问题
查看>>
Java中的多线程
查看>>