使用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压缩编译之后,
变成了下面的样子 !!!
废话不多说!!!赶紧动手自己操作一下吧 !!!
如果这篇文章能够帮助到您,希望您不要吝惜点赞👍👍和收藏💖💖,您的支持是我继续努力的动力 💪💪!!!