Development workflow

When you are developing an application, some tasks are very repetitive; for example, our contacts application uses Browserify to manage dependencies. It needs to rebundle the source code every time you make a change, which means that you need to run the browserify command each time:

$ npm bundle
$ npm start

To run these commands every time you make a small change is a very tedious task, there should be a better way to do it:

Figure 7.1. Development workflow

The above figure shows the ideal development process; the first time you run the application, you should bundle the source files and run the BrowserSync web server and then open the browser. After that, for any change that you make in any source file, the application should be rebundled and then the browser should be refreshed to get the new changes.

Currently, we are manually doing this process; however, in the next section, you will learn how to automatize this task to let the machine do all this for you.