gulp with less 和 browser-sync

Question

我只是从 gulp 开始并遵循这个例子： css tricks - Gulp for Beginners

   'gulp less'  works fine
   'gulp browser-sync' loads index.html into chrome

但是当我运行“watch”命令时，它只运行“browser-sync”。在调试器中显示它不会从browserSync.init返回

我错过了什么？

` var gulp = require('gulp'), 少=需要（'gulp-less'）， browserSync = require('浏览器同步').create() ;

            gulp.task( 'less', _=>{
                return gulp.src( './public/content/*.less' )
                              .pipe( less( { paths: ['public/content'] } ) )
                              .pipe( gulp.dest( './public/content' ) )
                              .pipe( browserSync.reload( { stream: true } ) )
                      ;
            } );

            gulp.task( 'browser-sync', _=>{
                browserSync.init( { server: { baseDir: './public' } } );
            } );

            gulp.task( 'watch', ['browser-sync'], _=>{
                gulp.watch( 'public/content/*.less', ['less'] );
            } );

`

Answer 1

找到了。

    `return browserSync` 

成功了。这不是演示的编写方式。