Gulp是一種常用的前端自動化工具，可以幫助我們高效地完成開發(fā)中一些重復(fù)且繁瑣的任務(wù)，例如壓縮和去重CSS等。

在使用Gulp壓縮和去重CSS之前，我們需要在項目中安裝相關(guān)插件。通過NPM可以輕松安裝gulp-cssnano和gulp-uncss插件：

npm install gulp-cssnano gulp-uncss --save-dev

gulp-cssnano插件用于壓縮CSS文件，而gulp-uncss插件則是用于去重CSS文件中未使用的選擇器。

接下來就可以在gulpfile.js中書寫相關(guān)的任務(wù)代碼：

var gulp = require('gulp');
var cssnano = require('gulp-cssnano');
var uncss = require('gulp-uncss');
gulp.task('compress', function() {
return gulp.src('./css/*.css')
.pipe(cssnano())
.pipe(gulp.dest('./dist/css'));
});
gulp.task('removeUnusedSelector', function() {
return gulp.src('./css/*.css')
.pipe(uncss({
html: ['./index.html', './about.html']
}))
.pipe(cssnano())
.pipe(gulp.dest('./dist/css'));
});
gulp.task('default', ['compress', 'removeUnusedSelector']);

以上代碼中，我們定義了兩個任務(wù)——compress和removeUnusedSelector，分別用于壓縮和去重CSS文件。其中compress任務(wù)中，我們使用gulp-cssnano插件對CSS進行了壓縮，并將壓縮后的CSS文件存放到dist/css目錄中。而removeUnusedSelector任務(wù)則利用gulp-uncss插件去重了未使用的選擇器，同時再次使用gulp-cssnano對CSS進行壓縮，最終的CSS文件同樣存放在dist/css目錄中。

通過以上的使用，我們可以輕松地實現(xiàn)對CSS的壓縮和去重，從而減小CSS文件的大小以提高網(wǎng)頁的加載速度。