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.

2.0.0 Source map build performance

See original GitHub issue

Is this a bug report?



Environment: OS: macOS High Sierra 10.13.6 Node: 8.12.0 Yarn: 1.9.4 npm: 6.4.1 Watchman: 4.9.0 Xcode: Xcode 9.4.1 Build version 9F2000 Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed) react: ^16.5.2 => 16.5.2 react-dom: ^16.5.2 => 16.5.2 react-scripts: ^2.0.0 => 2.0.0

Steps to Reproduce

  1. npx create-react-app test-app # must use react-script@2.0.0
  2. yarn add britecharts-react
  3. Render any graph in App.js
  4. yarn build

Expected Behavior

yarn build runs in a reasonable time

Actual Behavior

Build time jumps to 90 seconds, from 15 seconds

Reproducible Demo

Example Project

react-scripts@2.0.0 14.03s. (without britecharts)
react-scripts@2.0.0 89.04s (with britecharts)

react-scripts@1.1.5: 28.73s. (with britecharts)
react-scripts@1.1.5 : 6.93s. (without britecharts)

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

cliedemancommented, Sep 27, 2018

Sorry about that… I created a more robust setup script with docker and got exactly the same times across the board. I have no idea where I got those bundles sizes from and can’t reproduce them now.

I have removed that section from the issue to focus on the build time change

cliedemancommented, Oct 20, 2018

Updated the example project and split into 4 scenarios and added a single script so its easier to run.

Env Cold (seconds) Warm (seconds)
CRA 1.1.5 with britecharts 28.14 27.32
CRA 1.1.5 without britecharts 7.67 6.87
CRA 2.0.5 with britecharts 122.26 16.63
CRA 2.0.5 without britecharts 9.71 6.79
Read more comments on GitHub >

github_iconTop Results From Across the Web

@parcel/source-map | Yarn - Package Manager
A source map library purpose-build for the Parcel bundler with a focus on fast combining and manipulating of source-maps.
Read more >
source-map-explorer - npm
The source map explorer determines which file each byte in your minified code came from. It shows you a treemap visualization to help...
Read more >
Source Maps - SurviveJS
Skipping source maps speeds up your build as generating source maps at the best ... Separate source maps work during development as well...
Read more >
webpack-sources: Versions | Openbase
fix a performance bug when processing minimized files with SourceMaps ... 2.0.0. 2 years ago. API Additions. add buffer method to Source; add...
Read more >
React Starter Kit sass-loader performance - node.js
Since project works fine and quickly in development mode, so it's reasonable to find major differences between dev and prod builds.
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 Post

No results found

github_iconTop Related Hashnode Post

No results found