Webpack Plugin for Source Maps

Announcing Honeybader's Webpack Plugin to upload JavaScript Source Maps to our API.

  • author photo By Mike Mondragon
  • Jan 10, 2018


  1. We have a Weback Plugin to upload JavaScript Source Maps to our API.
  2. There is an example application written on Rails 5 demonstrating the plugin's use with Rails Webpacker.

Back in August we released source map upload via a new API for minified JavaScript. Now we are happy to announce the release of our Honeybadger Weback Plugin that uploads the source map produced when minifying JavaScript to our API.


The plugin is really easy to configure, your webpack.config.js can be as simple as this:

const HoneybadgerSourceMapPlugin = require('@honeybadger-io/webpack')
const webpackConfig = {
  plugins: [new HoneybadgerSourceMapPlugin({
    apiKey: 'your api key',
    assetsUrl: 'https://cdn.example.com/assets',
    revision: 'master'

Weback Plugin's README documents additional parameters that can be configured for your use case.

Example Application

We also created a Rails 5 example application that demonstrates the use of our source map plugin with Rails Webpacker. Your config/webpack/environment.js can be as simple as this:

const { environment } = require('@rails/webpacker')
const HoneybadgerSourceMapPlugin = require('@honeybadger-io/webpack')
const revision = process.env.GIT_COMMIT || 'master'

  new HoneybadgerSourceMapPlugin({
    apiKey: process.env.HONEYBADGER_API_KEY,
    assetsUrl: process.env.ASSETS_URL,
    silent: false,
    ignoreErrors: false,
    revision: revision

module.exports = environment

When you run the application it has two buttons, Say Hello and Throw Error. When you click the Throw Error button, if you have your environment setup correctly, it will record a JavaScript exception back to Honeybadger. The source is here.


Honeybadger Panel

When you go to your application's Honeybadger Panel and view an exception you'll see that the backtrace correctly maps to the line numbers of the un-minified JavaScript file thanks to the source map that the plugin uploaded to the API.


What to do next:
  1. Try Honeybadger for FREE
    Honeybadger helps you find and fix errors before your users can even report them. Get set up in minutes and check monitoring off your to-do list.
    Start free trial
    Easy 5-minute setup — No credit card required
  2. Get the Honeybadger newsletter
    Each month we share news, best practices, and stories from the DevOps & monitoring community—exclusively for developers like you.
    author photo

    Mike Mondragon

    A programmer and long time friend of the Honeybadger crew.

    Stop wasting time manually checking logs for errors!

    Try the only application health monitoring tool that allows you to track application errors, uptime, and cron jobs in one simple platform.

    • Know when critical errors occur, and which customers are affected.
    • Respond instantly when your systems go down.
    • Improve the health of your systems over time.
    • Fix problems before your customers can report them!

    As developers ourselves, we hated wasting time tracking down errors—so we built the system we always wanted.

    Honeybadger tracks everything you need and nothing you don't, creating one simple solution to keep your application running and error free so you can do what you do best—release new code. Try it free and see for yourself.

    Start free trial
    Simple 5-minute setup — No credit card required

    Learn more

    "We've looked at a lot of error management systems. Honeybadger is head and shoulders above the rest and somehow gets better with every new release."
    — Michael Smith, Cofounder & CTO of YvesBlue

    Honeybadger is trusted by top companies like: