Adding Run Scripts to package.json
Now that we have added a second application to our Angular CLI config, we need to make sure we can easily build both applications without having to memorize the exact commands.
In order to do so, we will leverage the so-called npm scripts. These scripts are used to define operations that can be performed on our application. Examples of these operations are building the application, running tests, and deploying the application to a staging or production environment.
We can define our npm scripts in the scripts
section of the package.json
file in the root of our project.
Here, we will add three scripts called build
, build:browser
, and build:server
, where the first script will invoke the other two.
This gives us the flexibility to run the two commands at once, or run them independently if we like.
To get an idea of how these scripts work, consider the following flow:
The
npm run build
command will first runnpm run build:browser
.When that command is finished, it...