gulp:构建工具
1.安装,全局的gulp
cnpm install --global gulp
2.作为项目的开发依赖(devDependencies)安装
cnpm install --save-dev gulp
3.在项目根目录下创建一个名为 gulpfile.js 的文件:
var gulp = require('gulp');
gulp.task('default', function() {
// 将你的默认的任务代码放在这
});
语法:
gulp.src(globs[, options])
用来读取要操作的文件
gulp.dest(path[, options])
来存储要操作之后的文件
gulp.task(name[, deps], fn)
配置任务
gulp.watch(glob[, opts], tasks)
监听当前文件
插件:
注意:gulp本身只是一个容器,真正要做的事情需要根据插件的能力去做
1.压缩js文件
命令:cnpm install gulp-uglify
2.压缩css文件
命令:cnpm install gulp-minify-css
3.压缩html文件
命令:cnpm install gulp-minify-html
4.代码检查
命令:cnpm install jshint
cnpm install gulp-jshint
5.代码合并
命令:cnpm install gulp-concat
6.重命名
命令:cnpm install gulp-rename
7.编译less
命令:cnpm install gulp-less
8.遍历sass
命令: cnpm install gulp-sass
9.压缩图片
命令:cnpm install gulp-imagemin
10.图片缓存
命令:cnpm install gulp-cache
执行gulp default