Webpack

You can use the Sentry webpack plugin to automatically create releases and upload source maps to Sentry when bundling your app.

Automatic Setup

The easiest way to configure uploading source maps with webpack is by using the Sentry Wizard:

npx @sentry/wizard@latest -i sourcemaps

The wizard will guide you through the following steps:

• Logging into Sentry and selecting a
  projectRepresents your service in Sentry and allows you to scope events to a distinct application.
• Installing the necessary Sentry packages
• Configuring your build tool to generate and upload source maps
• Configuring your CI to upload source maps

If you want to configure source maps upload with webpack manually, follow the steps below.

Manual Setup

Install the Sentry webpack plugin:

npm install @sentry/webpack-plugin --save-dev

Configuration

To upload source maps you have to configure an auth

Learn more about configuring the plugin in our Sentry webpack plugin documentation.

SENTRY_AUTH_TOKEN=sntrys_YOUR_TOKEN_HERE

And the following webpack config:

const { sentryWebpackPlugin } = require("@sentry/webpack-plugin");

module.exports = {
  // ... other config above ...

  devtool: "source-map", // Source map generation must be turned on
  plugins: [
    sentryWebpackPlugin({
      org: "example-org",
      project: "example-project",
      authToken: process.env.SENTRY_AUTH_TOKEN,
    }),
  ],
};