npm install gulp-less
const less = require('gulp-less');
// css任务
// 1.less 语法转换
// 2.css代码压缩
gulp.task('cssmin', () => {
gulp.src('./src/css/*.less')
.pipe(less())
.pipe(gulp.dest('dist/css'))
});
// 执行命令
gulp cssmin
转换完成
// 压缩 css 代码
npm install gulp-csso
const csso = require('gulp-csso');
gulp.task('cssmin', () => {
// 选择css目录下 的所有less 文件 以及 css 文件
gulp.src(['./src/css/*.less', './src/css/*.css'])
// 将less语法转换为 css语法
.pipe(less())
// 将css代码压缩
.pipe(csso())
// 将处理的结果进行输出
.pipe(gulp.dest('dist/css'))
});
执行命令
gulp cssmin
![](https://img2020.cnblogs.com/blog/1374979/202006/1374979-20200610094721199-654905523.png)
压缩完成