DEV Community

Gajus Kuizinas
Gajus Kuizinas

Posted on

Using Node.js sourcemaps with Node.js and Babel

I've searched Google for variations of "Node.js sourcemaps with Node.js and Babel" and surprisingly found no results that explain how to make point to the original source code when transpiling code using Babel.

Without sourcemaps documentation make it even more confusing by talking about TypeScript transpilation and bundling all files into a single executable.

However, it turns out that all you need is:

  1. Enable sourceMaps when transpiling code using Babel.
  2. Use babel-plugin-source-map-support to override stack trace.
  3. Use RewriteFrames plugin to correct path to script.

Regarding RewriteFrames, it wasn't immediately obvious what to configure the root configuration to. Mainly because Sentry documentation is making suggestions that this is somehow difficult.

[..] we have to somehow detect and pass the root directory of our project. [..] Unfortunately, Node is very fragile in that manner and doesn’t have a reliable way to do this. The easiest and the most reliable method we’ve found, is to store the __dirname or process.cwd() in the global variable and using it in other places of your app.

It it not clear why they are suggesting this since your path should be relative to the build directory and stable. In my case, it was simply:

  dsn: argv.sentryDsn,
  integrations: [
    new RewriteFrames({
      root: path.resolve(__dirname, '..'),

Enter fullscreen mode Exit fullscreen mode

After which we will get Sentry errors with stack traces pointing to the original source files.

With sourcemaps

Top comments (1)

marcotterra profile image

As you said, this content don't exists on internet.

So many thanks!