Stack Overflow
Stack Overflow

Questions tagged [webpack-bundle-analyzer]

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

48 questions
2
votes
0 answers

Next.js First Load JS shared by all heavy within chunks/pages/_app-*

Title. My First Load JS shared by all is rather heavy, due to the chunks/pages/_app/ section, and I want to reduce it. Commenting the layout out will only reduce it by ~1kb, and node_modules is a minor issue within my Webpack Bundle Analyzer, and…
daxidngyn
  • 49
  • 8
2
votes
0 answers

Reduce BlueprintJS bundle size

I'm currently in the process of reducing my bundle size to deploy my project. I've noticed that blueprint takes up a large part of the bundle, approximately 130kb when using Brotli compression: Would anyone with experience with BlueprintJS be able…
mmz
  • 1,011
  • 1
  • 8
  • 21
2
votes
1 answer

webpack-bundle-analyzer doesn't show report

I trying to get analyze with webpack-bundle-analyzer, but it doesn't show me the report. development.js: const environment = require('./environment'); const config = environment.toWebpackConfig(); const BundleAnalyzerPlugin =…
Ruslan Valeev
  • 1,529
  • 13
  • 24
2
votes
1 answer

Webpack Bundle Analyzer gives error EACCES

I just found out about webpack bundle analyzer through this link and went to try it out. I was able to run the build and get a stats.json file, however when I run: webpack-bundle-analyzer dist/RDPortal/stats.json I get this error: events.js:183 …
sfaust
  • 2,089
  • 28
  • 54
2
votes
2 answers

Using webpack bundle analyzer with angular workspace file

I am trying to optimize the ng2-smart-table package, which we are using as a dependency, as I have noticed it has a big unnecessary dependency on lodash, even though it only uses a tiny portion of lodash. However, I'm running into some issues when…
pius
  • 2,344
  • 1
  • 23
  • 25
2
votes
2 answers

NPM script Webpack --json : JavaScript heap out of memory

We have an angular 5 project which has a problem with size. On load of the app, when there isn't much of anything, we have 95MB in memory. I'm trying to analyze it and use webpack-bundle-analyzer. I've read that adding new…
Laker
  • 1,622
  • 4
  • 20
  • 32
1
vote
2 answers

Using single component from library causes lazy-loaded modules to end up in main bundle

I've created a Bootstrap component library for angular along with a demo application. However when building the application, the main bundle size is massive. More remarkably, adding components to the library, and adding pages (lazy-loaded) to the…
Pieterjan
  • 2,738
  • 4
  • 28
  • 55
1
vote
1 answer

How do I configure a Nextjs project to transpile a monorepo project with next bundle analyzer?

I want to configure next js bundle analyzer with transpiling monorepo. I have a error message for loader. so I did this Stack overflow But It still has error. How do I configure a Nextjs project to transpile a monorepo project with next bundle…
september21st
  • 13
  • 4
1
vote
1 answer

"First Load JS" size problem Next.js. (Using immutable.js)

In my project(Next.js v10), the immutable library is used to work with redux. Now I tackled the issue of optimization, because I ran into the problem of "red" first load js. I am not very strong in this yet, but I try to learn and understand…
Roman Nozhenko
  • 698
  • 8
  • 21
1
vote
1 answer

Why does webpack not like React.StrictMode

When I run npx webpack-cli --analyze --node-env development I get an error about it not liking : Webpack Bundle Analyzer is started at http://127.0.0.1:8888 Use Ctrl+C to close it Hash: 24852f2f5b5cef02cfe2 Version: webpack…
Randy
  • 1,137
  • 16
  • 49
1
vote
1 answer

Is it normal to see lazy loaded module in webpack bundle analyzer?

Problem My problem is that webpack analyzer keeps showing me the module that I don't want. I don't know if it's normal or not. Code import React, { ReactElement, Suspense } from 'react'; import ReactDOM from 'react-dom'; const SwaggerUI =…
seb
  • 312
  • 1
  • 4
  • 13
1
vote
1 answer

Preact bundle size too large vs create-react-app?

I'm thinking of transitioning my project to Preact to slim down my bundle size. I wanted to see whether Preact indeed created a smaller bundle. After comparison, though, the differences were smaller than I expected. Preact, 39kb: React 45kb: Am I…
mmz
  • 1,011
  • 1
  • 8
  • 21
1
vote
0 answers

What is mapbox-gl-csp-worker.js in Webpack bundle analyzer?

Like many before me, I've gotten to the point in my project that I am trying to slim down my bundle size. What I don't understand is that I have two different kinds of Mapbox. When analyzing my bundle with Webpack bundle analyzer: Mapbox 1: Mapbox…
mmz
  • 1,011
  • 1
  • 8
  • 21
1
vote
0 answers

Reduce bundle size of lodash

Is this correct to create a file in which I'll put all imports? // lodash-helper.js export const isEqual = import('lodash/isEqual'); export const includes = import ('lodash/includes'); export const filter = import ('lodash/filter'); //…
amir.algazi
  • 189
  • 9
1
vote
2 answers

Loading library when needed in Angular

In an Angular 8 app, my component has a table that can be exported to an excel file. I'm using the library xlsx for that. The webpack-bundle-analyzer shows that the xlsx library uses 65% of my total chunk size. As the export feature is used quite…
buggy1985
  • 919
  • 8
  • 24
1
2
3 4