How to integrate sonarqube for react js in azure devops pipeline ?

MVP

Aug 10, 2025

This this to integrate SonarQube for React.js:

1. Use the Correct Authentication Token
In your sonar-project.properties, the sonar.login value should be a SonarQube user token.
• Go to your SonarQube instance.
• Navigate to My Account > Security > Generate Tokens.
• Use this token as the value for sonar.login.

Store token as a secret variable in Azure DevOps:

sonar.login=$(SONARQUBE_TOKEN)

2. Ensure the Analysis Is Triggered
You need to include the full SonarQube pipeline sequence:

- task: SonarQubePrepare@5
  inputs:
    SonarQube: '<your service connection>'
    scannerMode: 'CLI'
    configMode: 'file'
    configFile: 'sonar-project.properties'
    extraProperties: |
      sonar.javascript.lcov.reportPaths=coverage/lcov-report/lcov.info

- script: |
    npm install
    npm run test -- --coverage
    sonar-scanner
  displayName: 'Run Tests and Sonar Scanner'

- task: SonarQubePublish@5
  inputs:
    pollingTimeoutSec: '300'
  displayName: 'Publish SonarQube Results'

3. Validate sonar-project.properties

sonar.projectKey=com.cat.rcc:rcc-UI
sonar.projectName=UI App
sonar.sources=src
sonar.exclusions=**/*.test.js
sonar.tests=src
sonar.test.inclusions=**/*.test.js
sonar.javascript.lcov.reportPaths=coverage/lcov-report/lcov.info
sonar.host.url=https://sonarqube.halt.com
sonar.login=<your token or $(SONARQUBE_TOKEN)>

Forum Discussion

How to integrate sonarqube for react js in azure devops pipeline ?

Resources