人生第一段gulp代码

人生第一段gulp代码

学习新技术一定要有用处，只有不断使用，真正投入实战，新技术才会不断被磨炼，才能真正被掌握。

公司的电脑加装了一块显示屏，为了充分利用两块屏幕，我想到要实现自动刷新浏览器的功能。这样我就能在写CSS代码的时候不离开键盘去刷新浏览器来查看页面效果了。

听说gulp的功能强大，我一直想学，正好借此机会，研究一下gulp，其实也不是很难，以下就是gulp监听CSS文件变动，并刷新浏览器的代码，这也是我人生第一段gulp代码：

//安装node、gulp、browser-sync的过程就不赘述了 
var gulp = require('gulp');
var BrowserSync = require('browser-sync').create();

gulp.task('browser-sync', function() {
    //因为已经用Tomcat启动了服务器，所以这里用了代理服务，这也是难点
    BrowserSync.init({
        proxy: 'http://localhost:8080/ms-console/'
    });
});

gulp.task('watch', function() {
    //监听Tomcat下的CSS文件，若有变动就重新加载BrowserSync
    gulp.watch('D:/apache-tomcat-7.0.53/apache-tomcat-7.0.53/webapps/ms-console/static/css/statement/lines_month.css').on('change',BrowserSync.reload);
});

//定义gulp任务
gulp.task('default', ['browser-sync', 'watch']);