前端开发梦中景象
2015-10-20 21:45
295 查看
曾几何时,一直梦想能够有超酷的前端开发环境,加快工作进度,减轻工作强度,看了这张图有些震撼了,慢慢研究他们是怎么玩的。。。
![](http://images2015.cnblogs.com/blog/737565/201510/737565-20151020214132817-1978453368.jpg)
注意:browsersync的file watch功能只对绝对地址的文件有效,不能使用relative path的格式,否则files section无效!
![](http://images2015.cnblogs.com/blog/737565/201510/737565-20151020214132817-1978453368.jpg)
var projectrootabsdir = '/home/vagrant/Code/kidsit/'; gulp.task('less',function(){ var pagelessentry = config.pagelessentry; log(pagelessentry); return gulp .src(pagelessentry) .pipe(plumber()) .pipe(expect({ checkRealFile: true },pagelessentry)) .pipe(printfileinfo()) // .pipe(sourcemaps.init()) .pipe(less()) // .pipe(rename('bootstrap.css')) // .on('error',errorhandler) // .pipe(sourcemaps.write()) .pipe(gulp.dest(projectrootdir+'public/build/css/')); }); function startBrowserSync () { if(browserSync.active){ return; } log('starting browser-sync ...'); var options={ proxy: 'kidsit.cn', files: [projectrootabsdir+'public/build/css/**/*.css'], //projectrootdir+'public ghostMode: { clicks: true, location: false, forms: true, scroll: true }, injectChanges: true, logFileChanges: true, logLevel: 'debug', logPrefix: 'kidist-browser-sync', notify: true, reloadDelay: 0 }; browserSync(options); } gulp.task('watchless',function(){//entry task to be launched log(config.lessfiles); gulp.watch('../Code/kidsit/resources/assets/less/**/*.less', ['less']) .on('change',function (event) { // var srcPattern = new RegExp('/.*(?=/') log(event.type); }); startBrowserSync(); });
注意:browsersync的file watch功能只对绝对地址的文件有效,不能使用relative path的格式,否则files section无效!
相关文章推荐
- JSP的9大内置对象及4个作用域
- js小妙用
- 你不知道的JavaScript--Item12 undefined 与 null
- 你不知道的JavaScript--Item12 undefined 与 null
- Extjs之PagingToolbar
- JavaScript权威设计--jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
- scriptd调用时除了type src属性外还有defer、async
- JavaScript arguments对象
- artTemplate -- 性能卓越的 js 模板引擎
- [工作]重复性工作(未完)
- Fedora9.0安装VMwareTools遇到的问题
- Butter Knife 的使用方法
- 刷漆(Codechef October Challenge 2014:Remy paints the fence)
- forever让nodejs应用后台执行
- css3 tranform transition animation
- JavaScript基础学习笔记
- JS模块化历程
- Javascript模块化编程
- JS 之性能优化(2)
- 无缝滚动,JavaScript