Skip to content

Gulp

const { watch, series, task, src, dest } = require('gulp');
const less = require('gulp-less');
var cleancss = require('gulp-clean-css')
const autoprefixer = require('gulp-autoprefixer');
var replace = require('gulp-replace');
function css(cb) {
src('./assets/css/!*.less')//待处理的目标目录下的所有less文件
.pipe(less())//采用less的默认方式处理less产出css
.pipe(cleancss())
.pipe(autoprefixer({ // 自动添加前缀
cascade: false
}))
.pipe(replace('/liangjiamei/', '/LiangjiaBeauty/'))
.pipe(dest('../LiangjiaBeauty/assets/dist/css'))//输出到“./dist/css”路径*/
console.log("watch。。。");
cb();
}
task('dev', function(cb) {
//监听修改,
// watch('assets/css/*.less', series(css))
return src('./assets/css/*.less')//待处理的目标目录下的所有less文件
.pipe(less())//采用less的默认方式处理less产出css
.pipe(cleancss())
.pipe(autoprefixer({ // 自动添加前缀
cascade: false
}))
.pipe(replace('/liangjiamei/', '/LiangjiaBeauty/'))
.pipe(dest('../LiangjiaBeauty/assets/dist/css'))//输出到“./dist/css”路径
cb()
})
//运行 gulp dev