To build a pipeline for an Angular JS application, which includes package creation, push the package to Octopus, create a release and adding NVM in build pipeline.
Check my previous blog to know more about NVM.
The tools you need to install:
• Team city
Create the sample Angular JS application, use the following guide to create the basic app.
I assume you’re familiar with TeamCity, if not please check this link to learn how to create a project in the TeamCity
Configure TeamCity build pipeline
Step 1 – Install NVM
As discussed in my last blog on NVM, below step needs to be added in your pipeline to switch between two nodes versions.
You have to add the “.nvmrc” file in your solution and add the node version in “.nvmrc” file
Step 2 – Install npm globally
Step 4 – Push Package to Octopus
Two major things in this are the Octopus connection and Package path.
You must provide an Octopus URL and an API key (If you don’t have one, you can generate it from profiles).
Package paths: This is a path to folder form which you’re going to create a zip file for deployment.
Step 5 – Create release
While creating the release we need to give the project a name which was already been created in Octopus.
Note: The project should be available in Octopus
Once Release got created, you can find it in Octopus ->Project -> Releases
This is the basic way of building a pipeline for angular js application. Here I’ve done it by creating a Zip file and push to Octopus, another way to create a package is with the nuspec file.