Its your turn!
In this activity, you will add Gulp to an existing project to automate build tasks.
The code you will need is in the following repo:
Before adding anything, open
blog.html in your browser and check how everything works. Your build should work in exactly the same way.
Install Gulp to the project, and build separate tasks which do the following:
copy all files to a
watch files for changes
have the browser reload whenever a file changes
You will need to install dependencies, making sure to keep your
package.json up to date, and your development server should run from the
This project uses
async/await , so you will need to install the necessary dependencies and make the necessary modifications to blog.html. You will also need to make sure the production build contains any files it will need.
Your default task should run all build tasks in correct sequence, watch files for changes, and update the browser.
Please upload a zip file containing your
gulpfile and your
package.json . When added to a clone of the original repo, these files should allow the person marking you (after running
npm install and installing Gulp globally) to:
gulpand get a working build which runs in the browser, watching files and live-reloading on any changes
run your tasks individually by name
Check your work!
To validate the activity, you need to check the criteria below:
Once Gulp has finished building your project, it launches it in the browser.
If any files are changed while the development server is running, the browser live-reloads.
The project, once built, works in exactly the same way as before the build (both pages).
The development server must run the
distbuild, not the original files.