sentry-source-maps-webpack-plugin

Automatically upload source maps to Sentry during Webpack build.

Usage no npm install needed!

<script type="module">
  import sentrySourceMapsWebpackPlugin from 'https://cdn.skypack.dev/sentry-source-maps-webpack-plugin';
</script>

README

Sentry Source Maps Webpack Plugin

MIT npm version

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:

  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: