700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > gulp less编译css压缩和js压缩别名输出

gulp less编译css压缩和js压缩别名输出

时间:2021-10-31 19:21:12

相关推荐

gulp less编译css压缩和js压缩别名输出

node安装需要插件:

npm install gulp-minify-css gulp-concat gulp-uglify gulp-lessgulp-rename del --save-dev

gulpfile.js

//加载插件var gulp = require('gulp'),less = require('gulp-less'),//le编译ssminifycss = require('gulp-minify-css'),//压缩cssconcat = require('gulp-concat'),//合并jsuglify = require('gulp-uglify'),//压缩jsrename = require('gulp-rename'),//改输出别名del = require('del');//删除文件//压缩css//gulp.task('minifycss', function() {// return gulp.src('css/*.css')//压缩的文件// .pipe(minifycss()) //执行压缩// .pipe(rename({suffix: '.min'})) //rename压缩后的文件名// .pipe(gulp.dest('css')); //输出文件夹//});//编译less并压缩cssgulp.task('lessminifycss', function() {return gulp.src('css/*.less')//压缩的文件.pipe(less()) //编译.pipe(rename({suffix: '.min'})) //rename压缩后的文件名.pipe(minifycss()) //执行压缩.pipe(gulp.dest('css')); //输出文件夹});//压缩jsgulp.task('minifyjs', function() {return gulp.src('js/*.js')//压缩文件//.pipe(concat('main.js')) //合并所有js到main.js//.pipe(gulp.dest('js')) //输出main.js到文件夹.pipe(rename({suffix:'.min'}))//起别名保存.pipe(uglify())//压缩.pipe(gulp.dest('js'));//输出文件});//执行压缩前,先删除文件夹里的内容//gulp.task('clean', function(cb) {// del(['css', 'js'], cb)//});//监听任务 运行语句 gulp watchgulp.task('watch',function(){gulp.watch('js/*.js',['minifyjs']);//监听js变化gulp.watch('css/*.less',['lessminifycss']);//监听css变化})//默认命令,在cmd中输入gulp后,执行的就是这个命令gulp.task('default',[], function() {//[]中可以定义先执行的模块gulp.start('lessminifycss', 'minifyjs');//执行相应模块});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。