How to setup browser-sync in gulp 4?

Question

Node.js

Good time, can someone help set up browser-sync in gulp 4. before that, I set it up in gulp 3. There were no problems, but now I watched a bunch of videos and sites and didn’t understand anything. At the moment I want to set up only browser-sync without sass and stuff

Answer 1

const browserSync = require('browser-sync');

let config = {
    server: {
        baseDir: "./dist"
    },

    host: 'localhost',
    port: 3000,
    logPrefix: "Site"
};

gulp.task('webserver', function () {
    browserSync(config);
});

In other tasks, add after the last .pipe:

.pipe(reload({
    stream: true
}));

And don't forget about gulp.watch for files you want to watch for changes.