Stack Overflow
Stack Overflow

Questions tagged [webpack-bundle-analyzer]

Visualize size of webpack output files with an interactive zoomable treemap.

48 questions
1
vote
1 answer

Webpack bundle analyzer: Need an appropriate loader to handle this file type error

I'm new to webpack and I'm trying to install Webpack Bundle Analyzer on my project and I'm getting this error. I'm following this guide:…
TechnoCorner
  • 4,879
  • 10
  • 43
  • 81
1
vote
1 answer

How to make sure node_modules is not included in bundle

I am using webpack-bundle-analyzer to identify packages that might need to be optimised. My webpack config excludes node_modules webpack.config config.module = { rules: [ { test: /\.(js|jsx)$/, exclude: [ …
Kermit
  • 2,865
  • 3
  • 30
  • 53
1
vote
0 answers

why is rxjs code doubled in bundle analyzer

This is probably more a webpack question than an RXJS question - but something in my code base is including RXJS in different ways. Any tips on how I can tell what has included RXJS?
Adam Jenkins
  • 51,445
  • 11
  • 72
  • 100
1
vote
1 answer

how to manage vendor libs in reactjs

in my react js app (using webpack), i used antd UI which added draft-js package in my project.but i don't know where i used draft.js i have two questions. 1-how i know where i used draft-js. 2-draft.js increasing my bundle file size.i removed…
zulqarnain
  • 1,536
  • 4
  • 26
  • 44
1
vote
1 answer

webpack-bundle-analyzer.openAnalyzer option not working

I am using webpack-bundle-analyzer library for my VUE application. I had written following code snippet in my vue.config.js. I passed openAnalyzer option as false to not open report in the default browser. Not sure why it's not working. Even when I…
subbu
  • 562
  • 3
  • 8
  • 21
0
votes
0 answers

Angular 13 bundle size

The bundle dist size of my Angular13.1.1 project is big (3.5mega to download for users). I could gzip or lazyLoad some parts, but I am wondering if my bundle is normal, because in webpack-bundle-analyzer I see per example several places with…
Vince
  • 31
  • 5
0
votes
0 answers

How to prevent Ngrx Feature modules from ending up in main.js for Angular?

We're trying to optimize the bundle sizes for our very feature rich Angular app. We use @ngrx/store for state management. I've been around the block a few times - We're already using feature modules properly, they're in lazy loaded routes. However,…
Bryan Rayner
  • 4,172
  • 4
  • 26
  • 38
0
votes
0 answers

Nextjs SSG, ensure server-side code is not included in client-side bundle

I am using SSG with Next.js 13.1. I am using @next/bundle-analyzer to analyze my nextjs bundles. I found out that some imported functions used in my getServerSideProps are also included in the client-side bundle. How should I design my code so…
Sakibul Alam
  • 1,731
  • 2
  • 21
  • 40
0
votes
0 answers

How to configure webpack so that it does not bundle JSON files in a specific folder

We have a project where there are some mock JSON files inside the src/test/mock directory, some of them are pretty large and can not be deleted or moved elsewhere. I recently started using webpack-bundle-analyzer plugin it shows that all the JSON…
adnan_aust
  • 45
  • 8
0
votes
0 answers

What is the the purpose of the "scalars.link.ts" file in a React Bundle and why is it so big?

It's all pretty much in the question. What is the purpose of this file, why is it so big and can I reduce its size? I have not found any documentation on why this file is generated and how/why/where it's useful to the application.
Jerome Lachaud
  • 19
  • 1
  • 4
0
votes
1 answer

Webpack Bundle Analyzer on post-optimized output

Webpack Bundle Analyzer (and awesome tools like https://github.com/statoscope/statoscope) seem to operate on dependency graphs before DCE & tree-shaking optimizations have occurred. Are there webpack community tools that exist that emit bundle…
cdaringe
  • 1,274
  • 2
  • 15
  • 33
0
votes
1 answer

How much of the node modules is included in my main JS bundle?

I ran Webpack Bundle Analyzer to check the size of all of my node modules, but how much is being contributed into my main React JS bundle compiled by Webpack? i.e if my main React JS bundle weighs 1.2MB after magnification and gzip, and one of my…
Gambit2007
  • 3,260
  • 13
  • 46
  • 86
0
votes
1 answer

webpack config with optional usage of BundleAnalyzerPlugin

I'm using webpack for a React project and would like to include the WebpackBundleAnalyzer, but only when explicitly specified in the npm script (e.g., npm run build --withReport true). By default, I don't want it to run. My build script in…
Woodchuck
  • 3,869
  • 2
  • 39
  • 70
0
votes
1 answer

Webpack Bundle Analyzer Is Not Working For Jhipster Angular Application

I am using jhipster gateway application as a gateway for micro services. To analyze my webpack bundle I am trying below approach Ran npm install -g webpack-bundle-analyzer In your Angular app, run ng build --stats-json here I am getting an error…
Rama Krishna
  • 645
  • 10
  • 28
0
votes
0 answers

How do I tell what 3rd party module is importing rxjs?

I'm working on optimizing my Angular 7 application, and in building it, I've found that I'm currently importing all rxjs operators even though I'm only specifying and using 5 of them. I've checked and verified that my sytnax is correct, which has me…
MattEnth
  • 843
  • 1
  • 7
  • 19
1 2
3
4