gulp css任务 less 语法转换 css代码压缩

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

 

 

压缩完成