压缩 CSS + Gulp

压缩CSS是一种优化网页加载速度和减少文件大小的常用技术。Gulp是一个流式构建工具，可以用来自动化任务，如压缩CSS文件。

以下是一个使用Gulp压缩CSS的示例解决方案：

1. 首先，确保已经安装了Node.js和npm（Node包管理器）。

2. 在项目根目录下创建一个package.json文件，用来管理项目依赖。

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "My project",
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-clean-css": "^4.3.0"
  }
}

3. 打开终端，进入项目根目录，并运行以下命令安装所需的Gulp和插件：

npm install

4. 创建一个名为gulpfile.js的文件，并添加以下代码：

const gulp = require('gulp');
const cleanCSS = require('gulp-clean-css');

gulp.task('minify-css', () => {
  return gulp.src('src/*.css')
    .pipe(cleanCSS())
    .pipe(gulp.dest('dist'));
});

gulp.task('default', gulp.series('minify-css'));

5. 在src文件夹下创建一个样式文件，如style.css。

6. 在终端运行以下命令，即可压缩CSS文件：

gulp

压缩后的CSS文件将保存在dist文件夹下。

以上是一个基本的压缩CSS + Gulp的解决方案示例，你可以根据实际需求进行调整和扩展。