Webpack5: Add lazy compilation

[tmeasday]

What I did

Add builderOptions.lazyCompilation to allow users to opt-into webpack's lazy compilation experiment.

NOTE: this disables the "entry" compilation, as otherwise that just needs to be compiled straight away when the user visits the SB anyway.

TODO

• Disable in build mode
• Fix webpack issue with story files that import each other
• Investigate/fix issue with enabling fs cache + lazy compilation in larger projects.

How to test

// in main.js

core: {
  builder: {
    name: 'webpack5',
    lazyCompilation: true,
  }
}

[nx-cloud]

☁️ Nx Cloud Report

CI ran the following commands for commit 3052b90. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[tmeasday]

@shilman I am going to investigate the third point on a separate time-scale, I think this is good to merge.

[shilman]

Do we need to document this somewhere?

[tmeasday]

I have a separate ticket to do this, do you want to hold the PR for it?

[shilman]

Great job @tmeasday!! 🚀