gulp with less和browser-sync

Question

我刚开始使用gulp并遵循此示例： css tricks - Gulp for Beginners

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

但是当我按下＆＃39;观看＆＃39;命令，它只运行浏览器同步。在调试器中显示它不会从browserSync.init

返回

我错过了什么？

`                 var gulp = require（＆＃39; gulp＆＃39;），                       less = require（＆＃39; gulp-less＆＃39;），                       browserSync = require（＆＃39; browser-sync＆＃39;）。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` 

做了这个伎俩。这不是演示文稿的编写方式。