使用 gulp 之前请安装好node和npm，为了速度，可以使用cnpm。
全局安装
cnpm install gulp -g
glup -v // 输入版本，则说明安装成功。
新建package.json
{
"name": "sai",
"version": "1.0",
"description": "gulp css!",
"author": {
"name": "puresai",
"email": "[email protected]"
},
"license": "MIT",
"devDependencies": {
"gulp": "^3.9.1",
"gulp-minify-css": "^1.2.4"
}
}
|
本地安装gulp，gulp-minify-css。
cnpm install gulp --save-dev
cnpm install gulp-minify-css --save-dev
|
新建gulpfile.js
var gulp = require('gulp'),
mincss = require('gulp-minify-css');//定义一个sai任务gulp.task('sai', function () {
gulp.src('assets/css/*.css') //该任务针对的文件
.pipe(mincss()) //该任务调用的模块
.pipe(gulp.dest('assets/mini')); //将会在assets/mini下生成css});
gulp.task('default',['sai']); //定义默认任务
|
cmd执行gulp
gulp
会看到任务sai开始，完成，这样就完成了gulp压缩css。
此外，gulp还可以压缩js，img。
