Get source map from AzureStaticWebApp@0 task to unminify code in Application Insights

Question

I am using the application insights JavaScript SDK in a React application that is hosted on Static Web Apps. The app is built and deployed using the AzureStaticWebApp@0 task in an AzDO pipeline. I would like to be able to un-minify the stack traces in Application Insights so that I can properly troubleshoot frontend errors, however, the AzureStaticWebApp@0 task does not appear to generate a source map I can link my App Insights instance to.

Answer 1

Thanks for posting your question in the Microsoft Q&A forum.

The Azure DevOps pipelines does not automatically generate or upload source maps to Azure Blob Storage.

There are a few potential solutions you can explore:

• Generate Source Maps Manually: Most modern JavaScript bundlers and build tools, such as Webpack or Rollup, have the capability to generate source maps during the build process.
• Use a Custom Build Task: Create a custom build task in your Azure DevOps pipeline that generates source maps and uploads them to an Azure Blob Storage container.
• Leverage Azure Static Web Apps GitHub Action: You can configure your React application to be deployed using the official Azure Static Web Apps GitHub Action. This action supports generating and uploading source maps to Azure Blob Storage during the deployment process.

---

Please don't forget to close up the thread here by upvoting and accept it as an answer if it is helpful