Configure AMAW CI for Angular and React application from Feature to Develop
| Main >Using Liquid for building your application> Using Liquid for building your application > Configure CI, CD and CT with Mono-Repo > Continuous Integration > Configure Liquid CI for Angular and React application from Feature to Develop |
|---|
This topic explain the procedures to configure the Continuous Integration through build task for .Net Core components.
The first step is to create a build task by importing the Json file or template into VSTS.
Click the +Import Button e choose your template file with JSON Format.
After selecting the JSON file, click the Import button.
Another option is to create the build task by using a VSTS Template.
Click the +New button.
Choose a template Liquid_NPM_Install_PR_FeatureOnDevelop.
- Modify the pipeline name to Liquid_NPM_Install_PR_FeatureOnDevelop or other name of your choice.
- Choose the Repository with Liquid.
In Agent Pool, select the option
npm install - Angular - This task perform the analysis of Angular Packages, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - AngularOnAzure - This task perform the analysis of Angular Packages compatible with Microsoft Azure, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - React - This task perform the analysis of React Packages, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
npm install - ReactOnAzure - This task perform the analysis of React Packages compatible with Microsoft Azure, if show any error the process is aborted and the Developer need fix the source code.
In Use packages from this VSTS/TFS registry is necessary fill with Package Management name.
Click the Save button to finish the settings.
Configure this Build Definition in Develop Git repository in Branch Policies on session Build Validation.
Select the develop repository
Choose branch policies option
Select Build pipeline and Automatic Trigger
Allow Enabled option
