初识gulp
使用 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。
初识gulp
https://blog.puresai.com/2017/11/12/140/