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']);
gulp配置自动编译less清单
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- gulp配置前端资源自动化 -- less编译 js压缩 图片压缩 1.package.json 文件 2.gul...
- 1. 安装gulp 2. 配置环境变量 3. 创建gulpfile.js文件 新建文件名为gulpfile.js的...
- 修复方法 参考: http://blog.ibangspacebar.com/handling-errors-wi...