CSS是網頁設計中必不可少的元素之一，而在實際開發中，我們往往需要將多個CSS文件合并在一起優化網頁加載速度。這時候，CSS多文件合并工具就能派上用場。

下面我們就來介紹一下如何使用CSS多文件合并工具。

// 引入gulp
var gulp = require('gulp');
// 引入插件
var concat = require('gulp-concat');
var cssnano = require('gulp-cssnano');
// 合并CSS文件并壓縮
gulp.task('css', function() {
return gulp.src('css/*.css') //要合并的文件
.pipe(concat('main.css')) //合并后的文件名
.pipe(cssnano()) //壓縮
.pipe(gulp.dest('dist/css')); //保存的路徑
});

如上所示，我們使用了gulp來實現多文件合并的功能，并引入了gulp-concat和gulp-cssnano兩個插件來幫助我們完成CSS文件的合并和壓縮操作。

在運行命令之后，我們會得到一個名為main.css的文件，其中包含了我們所選擇的所有CSS文件，并且已經被壓縮過了。

總的來說，使用CSS多文件合并工具不僅能優化網頁加載速度，還能提高我們的開發效率，值得我們嘗試。