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.

Make chunking toggleable

See original GitHub issue

Is this a bug report?

Yes

Steps to Reproduce

react-scripts at 2.0.0-next.66cc7a90. No dynamic imports in code.

Build output had no chunks:

File sizes after gzip:

  107.09 KB (+1.2 KB)  build/static/js/main.cd7fd363.js
  305 B (+126 B)       build/static/css/main.a308f785.css

Change react-scripts to 2.0.0-next.3e165448.

Run Yarn, build app.

File sizes after gzip:

  99.7 KB               build/static/js/vendors.7dcb2806.chunk.js
  2.94 KB (-104.15 KB)  build/static/js/main.b3946f9a.chunk.js
  617 B                 build/static/js/runtime~main.41117e05.js
  252 B (-53 B)         build/static/css/main.fd7b7d90.chunk.css

Expected Behavior

Same output structure.

Actual Behavior

Different output structure.

The change identified in the react scripts 2.0 github issue didn’t mention any changes to the default build process so I’m under the assumption that this build output is a bug.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

18reactions
tbillingtoncommented, Jul 26, 2018

Sure. I work on lots of projects that involve the JS I write (wrapped in CRA) being embedded within existing plain server rendered sites managed by third parties. With the current react-scripts 1 behaviour this is super easy, I can just build the files and hand them over to the site owner without needing to know where they’ll be hosted (setting package.json homepage field). The only 2 file output is also super handy, there’s much less to worry about. With GZIP the sizes aren’t an issue, but having handfuls of files with a required name is annoying.

In short:

  • Only 2 file handover (JS & CSS, or just JS if using CSS in JS !) of built assets to third party is a win 👍
  • Not caring about hosting/url location including filename, customers often want to rename the files

Can expand on this if you want but that’s the gist.

8reactions
vonkanehoffencommented, Oct 26, 2018

I don’t see how #5030 closed this? I have the same issue as @tbillington where I need to supply single JS & CSS files, which there doesn’t seem to be a way to do in CRA v2. #5030 just talked about how the chunks are organised, not disabling the process altogether. Am I missing something?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Minecraft 1.18 Chunk Loader (Self Fixing) Tutorial - YouTube
This Minecraft 1.1.8 Tutorial will show you how to build a chunk loader in Minecraft using nether portals. The chunk loader can fix...
Read more >
Chunking | UDL Strategies - Goalbook Toolkit
Chunking is strategy in which content is grouped into smaller units in order to make information easier to retain and recall. Because short-term...
Read more >
File chunking and buffering?
Here's a program, bsplit , that I originally wrote in 1991. It splits a file up into arbitrary sized chunks; the default size...
Read more >
Chunks
We always specify a chunks argument to tell dask.array how to break up ... Unknown chunksizes also occur when using a Dask DataFrame...
Read more >
Cooking and Chunking
This sets our main game maps to be in specific chunks, which will cause all of their references to be added to those...
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