How laravelelixir achieves real-time Preview

In the laravel5 environment, how does one use elixir + browserSync to implement real-time php page preview? {Code...} Why can't elixir be used in the gulptask function? In the laravel5 environment, how does one use elixir + browserSync to implement real-time php page preview?

Var gulp = require ('gulp'), browserSync = require ('browser-sync '). create (), less = require ('Gulp-less '); var elixir = require ('laravel-elixir'); // elixir. config. sourcemaps = false; var config = {name: 'baseblue', version: '2. 0.0 ', proxy: 'localhost: 8888', jsDir: 'Public/js/', cssDir: 'Public/css/', minDir: 'Public/min', viewDir: 'resources/views/'} gulp. task ('server', function () {browserSync. init ({proxy: config. proxy, // proxy address Y: false, open: true}); gulp. watch (['resources/assets/less/test. less '], ['testless']); gulp. watch ([config. viewDir + '**/*. blade. php', config. jsDir + '**/*. js', config.css Dir + '**/*. css ']). on ("change", browserSync. reload) ;}); gulp. task ('testless', function () {return elixir (function (mix) {mix. less ('test. less ');});});

Why can't elixir be used in the gulp task function?

Reply content:

In the laravel5 environment, how does one use elixir + browserSync to implement real-time php page preview?

Var gulp = require ('gulp'), browserSync = require ('browser-sync '). create (), less = require ('Gulp-less '); var elixir = require ('laravel-elixir'); // elixir. config. sourcemaps = false; var config = {name: 'baseblue', version: '2. 0.0 ', proxy: 'localhost: 8888', jsDir: 'Public/js/', cssDir: 'Public/css/', minDir: 'Public/min', viewDir: 'resources/views/'} gulp. task ('server', function () {browserSync. init ({proxy: config. proxy, // proxy address Y: false, open: true}); gulp. watch (['resources/assets/less/test. less '], ['testless']); gulp. watch ([config. viewDir + '**/*. blade. php', config. jsDir + '**/*. js', config.css Dir + '**/*. css ']). on ("change", browserSync. reload) ;}); gulp. task ('testless', function () {return elixir (function (mix) {mix. less ('test. less ');});});

Why can't elixir be used in the gulp task function?

Laravel comes with browserSync

Thank you! Finally, install the corresponding laravel-elixir-browsersync plug-in based on the elixir version.