Gulp是一款極好的前端自動化構建工具，它可以幫助我們更加方便的開發前端項目。在使用Gulp的過程中，我們通常會進行一些自定義的操作，比如壓縮CSS，JS等。這篇文章將會介紹如何使用Gulp來壓縮子目錄下的CSS文件。

首先，我們需要安裝Gulp和相關的插件。在此之前，我們需要先確保電腦上安裝了Node.js和NPM，之后就可以通過以下命令來安裝Gulp了。

npm install gulp -g

接下來，我們需要在項目中安裝gulp-clean-css插件。該插件可以幫助我們壓縮CSS文件，可以通過以下命令來安裝：

npm install gulp-clean-css --save-dev

接著，在根目錄下新建一個gulpfile.js文件，在其中添加以下代碼：

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
gulp.task('minify-css', function() {
return gulp.src('css/**/*.css')
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('dist/css'));
});
gulp.task('default', ['minify-css']);

上面代碼中有兩個任務，第一個任務minify-css用來壓縮CSS文件，第二個任務用來執行默認任務。在minify-css任務中，我們使用了gulp.src來指定需要壓縮的文件路徑，使用cleanCSS來進行壓縮操作，最后將處理后的文件保存到dist/css目錄下。

這個時候，我們就可以通過運行以下命令來進行CSS文件壓縮了：

gulp

Gulp會自動運行我們定義好的任務，它會將src目錄下的所有CSS文件進行壓縮，并將壓縮后的文件保存到dist/css目錄下。

總之，Gulp是一款非常強大的前端自動化構建工具，在使用中我們可以根據項目需求自定義相關操作，以提高開發效率和優化代碼質量。