@backtrace/vite-plugin

@backtrace/vite-plugin

If you're using Vite as your project bundler, you can use @backtrace/vite-plugin to automate working with sourcemaps.

(Source Map feature documentation)

Enable Source Maps for Your Application

Set sourcemap in output to true in your vite.config.js:

module.exports = {
    build: {
        sourcemap: true,
    },
};

If you're using code transpiler plugins (such as Typescript), ensure to enable source-mapping there as well.

Set up @backtrace/vite-plugin

Construct an upload URL

A specific URL is required to upload source maps. Follow these instructions to create an upload URL for the sourcemap endpoint with a symbol-post token.

Install @backtrace/vite-plugin as a developer dependency:

> npm install --save-dev @backtrace/vite-plugin

Add it to your plugins array in vite.config.js:

import { BacktracePlugin } from '@backtrace/vite-plugin';
// or
const { BacktracePlugin } = require('@backtrace/vite-plugin');

module.exports = {
    // other configuration
    plugins: [
        new BacktracePlugin({
            // enable upload only on production builds
            uploadUrl: process.env.NODE_ENV === 'production' ? '<your upload URL>' : undefined,
        }),
    ],
};