Search⌘ K
AI Features
Home
Courses
Building Web Applications with React and ASP.NET Core

Implementing a Build Pipeline for Frontend

Explore how to create a frontend build pipeline using Azure DevOps and npm commands. Learn to install dependencies, run tests in CI mode, build staging and production artifacts, and publish build outputs to automate your React app deployment process.

We'll cover the following...

Building a pipeline for the frontend

Let's build a configuration for the frontend.

  1. In the same YAML file, add the following command to install the frontend dependencies:

C#
steps: 
...
- script: npm install
  workingDirectory: frontend
  displayName: 'frontend install dependencies'

Here, we use the npm install command to install the dependencies. Notice that we have set the working directory to “frontend,” which is where our frontend code is located.

  1. The next step is ...