Sentry Source Maps Webpack Plugin

This Webpack plugin automatically uploads source maps generated during the build to Sentry.io.

Why not use the official plugin?

The sentry-webpack-plugin doesn't allow configuration through the Webpack plugin itself or environment variables.

There are a couple of other reasons to use this plugin over the official one:

• Use the publicPath from your Webpack configuration rather than assuming /.
• Override the publicPath per file (useful for Node.JS code).

Installation

1. Install the package from NPM:

    λ yarn add sentry-source-maps-webpack-plugin

2. Follow the instructions for the official plugin regarding getting a authentication token:

   • Official docs

3. Add the plugin to your Webpack configuration:

    const SentrySourceMapsPlugin = require('sentry-source-maps-webpack-plugin');
   
    const config = {
        plugins: [
            new SentrySourceMapsPlugin({
                org: 'my-org',
                project: 'my-project',
                authToken: 'sentry auth token',
                version: '1.0',
   
                // not required
                retries: 5,
                timeout: 1000,
                publicPaths: {
                    'server.js': '/',
                    'server.js.map': '/',
                },
            }),
        ]
    };

4. Make sure to specify the exact same version when configuring Raven:

   • Official docs