fix(webpack): enable in memory caching when building for node in watch mode

[mattlewis92]

Current Behavior

Using @nx/webpack for building node apps in watch mode is slow.

After checking all nx versions we found the root cause was this PR: #16625

Setting mode: 'none' has the side effect of disabling webpack's in memory caching:
https://github.com/webpack/webpack/blob/main/lib/config/defaults.js#L198-L200

Which in turn makes incremental rebuilds with large node apps have poor performance due to webpack re-compiling every file on change instead of just the affected files.

Expected Behavior

Using @nx/webpack for building node apps in watch mode is fast

Related Issue(s)

N/A

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 27, 2023 5:27pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit e0d3d5c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 8 targets

• linux nx affected --target=e2e --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7 --parallel=1
• linux nx affected --target=test --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7 --parallel=1
• linux nx affected --target=lint --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7 --parallel=3
• linux nx affected --target=build --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7 --parallel=3
• linux nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7
• linux nx documentation --no-dte
• macos nx affected -t e2e-macos --parallel=1 --base=2dc6656f4ba081476cc230d8067c830ba078d2ea --head=e0d3d5c61b73721b83842f453f9372bb688939a7

---

Sent with 💌 from NxCloud.

[andrey59412678]

Thank you so much for this. This was the single thing that was preventing me to upgrade to Nx 16, it was annoying to work on such a slow rebuild (more than 5 seconds for every code change).

Adding cache = true to my projects webpack.config.js solved the problem. Now the live reload is just as fast as it was on Nx 15, almost instant.

const { composePlugins, withNx } = require('@nx/webpack');

module.exports = composePlugins(withNx(), (config) => {
  config.cache = true;
  return config;
});

Pretty sure this is related to #17070

[mattlewis92]

@jaysoo any chance you could take a look at this fix please? 😄

[ndcunningham]

LGTM

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.