gulp 搭建实时刷新环境
2016-12-05 16:42
274 查看
首先安装好node,npm,gulp 检查 node -v npm -v npm i gulp -g --registry=http://registry.npm.taobao.org //安装gulp插件 npm install gulp-plumber --save //安装gulp-plumber插件 npm install --save-dev gulp-connect //安装gulp-connect插件 再在dos里面,随便进入一个文件夹里面,执行 npm init //新建项目 npm i --save-dev gulp gulp-less //“--save”表示把两个引入的包存入package.json文件中 接着新建 gulpfile.js 内容为: var gulp = require('gulp'); var less = require('gulp-less'); var plumber = require('gulp-plumber'); var paths = { less: ['./less/*.less'] }; gulp.task('less', function () { return gulp.src(paths.less) .pipe(plumber()) .pipe(less()) .pipe(gulp.dest('./css')); }); gulp.task('watch', function() { gulp.watch(paths.less, ['less']); }); gulp less //开启监控 gulp watch //开启监控 ------------------------------
var gulp = require('gulp'); var less = require('gulp-less'); var plumber = require('gulp-plumber'); const connect = require('gulp-connect'); var paths = { less: ['./less/*.less'] }; gulp.task('less', function () { return gulp.src(paths.less) .pipe(plumber()) .pipe(less()) .pipe(gulp.dest('./css')) .pipe(connect.reload()); }); gulp.task('connect', function() { connect.server({ root: './', livereload: true }); }); gulp.task('watch', function() { gulp.watch(paths.less, ['less']); }); gulp.task('default', ['less', 'connect', 'watch']); 这种dos中输入gulp就可以开启监控
先建xx.less在开启监控 参考网站 https://zhuanlan.zhihu.com/p/20903085
相关文章推荐
- cloudera search1.0.0环境搭建(2):利用flume-ng的MorphlineSolrSink实现近实时(NRT)搜索
- gulp+browserfy模块化工具环境搭建
- 使用 gulp 搭建前端环境之 ionic 项目实践总结
- 实时数据处理环境搭建flume+kafka+storm:2.flume 安装
- 实时数据处理环境搭建flume+kafka+storm:1.zookeeper 安装配置
- 大数据学习(一):实时处理环境搭建
- Gulp教程,前端工作环境的搭建
- gulp-express实现node-express项目实时刷新
- 实时数据处理环境搭建flume+kafka+storm:4.storm安装配置
- Node+Express+MongoDB + Socket.io搭建实时聊天应用实战教程(三)--前后端环境配置
- 使用Gulp搭建本地开发web服务器及自动刷新
- windows下搭建ffmpeg+nginx+rtmp-module搭建实时视频环境
- Node+Express+MongoDB + Socket.io搭建实时聊天应用实战教程(二)--node解析与环境搭建
- linux环境搭建node、npm、gulp
- gulp自动化环境搭建,自动化解决方案
- gulp文件实例,自动化环境搭建实例,自动化,gulp自动化,gulp教程