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     gulp css任务  less 语法转换  css代码压缩

 

 

 

压缩完成

 

上一篇:nodejs模块总结 gulp小结


下一篇:gulp-uglify 保留注释时 重复输出注释问题处理