Gulp.js together with Browsersync can be a very handy tool in web development (for example, WordPress), enabling automatic browser page reload upon changes made to the project's files. To start, you need to have Node.js installed on your OS.
Gulp.js can be installed globally with the following command:
npm install --global gulp-cli
Proceeding steps should be executed in your project's root directory. Add a package.json file and answer the questionnaire by running this code:
Next you can install Gulp and Browsersync to your project with this command:
npm install browser-sync gulp --save-dev
Download and add the 'gulpfile.js' file:
You can configure 'gulpfile.js', for example:
gulp.task('watch', function ()
// name your Gulp task
// define the file directory and extention
// define the host and port information
Finally, you can run the Gulp command followed by the task's name:
Please note, you might need to reload the browser page manually to activate Browsersync.
Vaidotas Web Studio Blog provides simple to complex tutorials on topics like Web Development, Operating Systems, Graphic Design, Audio Equipment, etc.
Disclaimer: tutorials provided in this blog are intended for informational purposes. End results may vary depending on factors like different operating systems, software versions, etc.
This blog is part of VAIDOTAS WEB STUDIO