question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug: Bundling with webpack produces to big bundle

See original GitHub issue

Bundling the raven-js lib 3.22.3 using webpack and using it like this:

import { install } from "sentry"

install(...)

produces the following bundle:

image

Compared to the minimized file dist/raven.min.js that is 28kib the size in my bundled version seems to be to big.

Also look at the treemap:

image

This seems to be a bug how the ES6 modules are bundled.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:15 (6 by maintainers)

github_iconTop GitHub Comments

4reactions
AWarecommented, Nov 21, 2018

Hi, this is causing us issues adopting sentry in new projects and prevents us from updating the SDK.

image image

Excuse the large screenshots, but we’re seeing an increase of about 2.6 times in transmitted size and 3.6 times in parsed size which would seriously impact our javascript budgets.

I’d like to request that this is reopened and the Needs Reproduction label is dropped.

We’d also like to thank you for continuing to support raven-js as its’ smaller bundle size allows us to continue monitoring errors without impacting performance for users.

1reaction
kamilogorekcommented, Sep 19, 2018

23kB is an accurate measurement right now. We’ll start on working to reduce it once we iron out all the details of the 4.0.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Code Splitting - webpack
This feature allows you to split your code into various bundles which can then be loaded on demand or in parallel. It can...
Read more >
Webpack production build bundle is too huge - Stack Overflow
My project is very very huge. It consists of 10-12 modules and bundling of one module related JS files is taking 460KB file...
Read more >
Setting performance budgets with webpack - web.dev
Bundling is neat, but as your app grows your bundles will grow too. You need to monitor bundle sizes to ensure that they...
Read more >
Module Bundling with Webpack - LearnHowToProgram.com
A module bundler collects all project source code and concatenates it into a big central file. Using a module bundler has recently become...
Read more >
Enforcing performance budgets with webpack - CSS-Tricks
webpack has a lot of features to help you achieve smaller bundles and control the loading priority of resources. The most compelling of...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found