gulp配置自动编译less清单

var gulp = require('gulp');
var less = require('gulp-less'),
connect = require('gulp-connect');

gulp.task('gulp-less', function() {
  // 将你的默认的任务代码放在这
   gulp.src(['./less/main.less', ]) 
        .pipe(less())
        .pipe(gulp.dest('./css'));
});


gulp.task('connect', function() {
    connect.server({ //地址,可不写,不写的话,默认localhost
        port: 3001, //端口号,可不写,默认8000
        root: './', //当前项目主目录
        livereload: true //自动刷新
    });
});

gulp.task('html', function() {
    gulp.src('./*.html')
        .pipe(connect.reload());
});

gulp.task('watch', function () {
    gulp.watch('./less/*.less', ['gulp-less','html']); //当所有less文件发生改变时,调用testLess任务
    // gulp.watch('./js/*.js', ['html']); //监控js文件
    gulp.watch(['./*.html'], ['html']); //监控html文件
});

gulp.task('server', ['connect', 'watch']);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容