gulp 自动化工具 ->基于node
官网 http://gulpjs.com/
使用Git Bash或点击开始–运行–输入–cmd–切换磁盘
检测环境
node -v
npm -v
初始化
npm init
一顿回车
正式安装gulp
npm install gulp-cli –save-dev 必须写
npm install gulp -g –save-dev 必须写
检测gulp
gulp –version /gulp -v
编写任务文件
gulpfile.js放在根目录下
http://www.npmjs.com 插件添加
压缩和合并
下载插件
npm install gulp-uglify –save-dev //压缩
npm install gulp-concat –save-dev //合并
如果文件中有这些插件直接npm install //自动安装好
启动gulp
gulp 任务名
整个gulp操作结束
gulpfile.js文件内容
//引入插件
var gulp = require('gulp');
var uglify = require('gulp-uglify'); //压缩
var concat = require('gulp-concat'); //合并
//编写任务
gulp.task('yasuo-hebing',function(){ //任务名称
gulp.src('js/**/*.js') //获取所有的js文件
.pipe(uglify()) //pipe管道,压缩文件
.pipe(concat('main.min.js')) //合并成什么文件
.pipe(gulp.dest('build')); //输出对应文件夹中
})
gulp.task('default',['yasuo-hebing']) //设置默认任务名称
//启动gulp
//gitbash gulp 任务名称
//gulp yasuo-hebing