gulp的安装及常用插件

gulp官网 中文

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详细入门教程

您的赞助将会支持作者创作及本站运维

发表评论


TOP