1.基于node-npm,安装node.js以及npm
2.安装gulp
常用插件
gulp-livereload
npm install --save-dev gulp-livereload
当代码变化时,它可以帮我们自动刷新页面
该插件最好配合谷歌浏览器来使用,且要安装 livereload chrome extension 扩展插件,不能下载的请自行FQ。
[code lang="javascript"]
var gulp = require('gulp'),
less = require('gulp-less'),
livereload = require('gulp-livereload');
gulp.task('less', function() {
gulp.src('less/*.less')
.pipe(less())
.pipe(gulp.dest('css'))
.pipe(livereload());
});
gulp.task('watch', function() {
livereload.listen(); //要在这里调用listen()方法
gulp.watch('less/*.less', ['less']);
});
[/code]
相关文章:
前端构建工具gulpjs的使用介绍及技巧
一点|gulp详细入门教程
您的赞助将会支持作者创作及本站运维
发表评论