除了使用gulp压缩JS文件，我们还可以压缩CSS。压缩CSS代码可以减小CSS文件的大小，提高网页的打开速度。压缩CSS文件使用gulp压缩CSS文件的操作步骤与压缩JS文件类似。前面我们学习了如何压缩JS文件，所以学习压缩CSS文件会感觉很简单。压缩CSS文件也需要相应的插件。gulpCSS压缩的插件一共有三个：gulp-cssnanogulp-minify-cssgulp-clean-css，因为gulp-minify-css现在被标记为deprecated，因为我们可以使用剩下的两个插件。比如我们所有的.css文件都压缩到dist目录下的css文件夹中，具体操作如下。安装插件首先安装gulp-clean-css插件，命令如下：npminstallgulp-clean-css如下图：在gulpfile.js文件中写入代码安装插件后安装成功后，我们可以进入gulpfile.js文件编写代码。示例：//getgulpvargulp=require('gulp')varcleancss=require('gulp-clean-css')gulp.task('testcss',function(cb){gulp.src('css/*.css').pipe(cleancss()).pipe(gulp.dest('dist/css'))cb()})运行gulptestcss命令压缩css文件：css文件夹，压缩后的css文件在放置。gulp-cssnano插件的使用与上述步骤类似，这里不再一一演示。可以自己安装gulp-cssnano插件，将gulp-clean-css替换成gulp-cssnano插件。运行命令，也可以成功压缩CSS文件。
