如何使用gulp压缩并编译less文件呢？？？包教包会！！！

使用gulp压缩JS和CSS文件

第一步：

cnpm i gulp-less -D

第二步：
书写gulpfile.js文件：
代码如下：

const gulp=require('gulp');
const less=require('gulp-less');
const sourcemaps=require('gulp-sourcemaps');
const concat=require('gulp-concat');
const cssmin=require('gulp-cssmin');

gulp.task('less', ()=>{
  return gulp
    .src(['./src/less/**/*.less'])
    .pipe(sourcemaps.init())  // 源代码映射
    .pipe(concat('main.less.min.css'))  // 将less 文件 合并为一个 名为 min.less.min.css的文件
    .pipe(less())
    .pipe(cssmin())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./build/css/'));
});
 
gulp.task('default', ['less']);

第三步：
在命令行中输入 gulp 即可！！！

效果如下：
经过gulp压缩编译之后，

变成了下面的样子 ！！！

废话不多说！！！赶紧动手自己操作一下吧 ！！！

如果这篇文章能够帮助到您，希望您不要吝惜点赞👍👍和收藏💖💖，您的支持是我继续努力的动力 💪💪！！！