feat(web): add support for Node ESM when used to package SSR-ready library

[jaysoo]

This PR changes the output of libraries built with @nrwl/web:rollup so both ESM and CJS will work in Node.

Current Behavior

Building with both CJS and ESM results in failed import when trying to import ESM. This error is due to missing type: "module" entry in package.json.

Expected Behavior

Both ESM and CJS import/require works.

Changes

• New type: module field for output package.json file.
• New exports field for output package.json file
• Set default format to ESM only (CJS isn't needed on the web, but could be used for Node if desired)
• Migration to set format to ESM + CJS if not previously set (so previous UMD users can use CJS) -- can always override it if needed

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit f7fac7c. 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 12 targets

• nx affected --target=build --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873 --parallel=3
• nx affected --target=e2e --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873 --exclude=e2e-detox,e2e-js,e2e-next,e2e-workspace-create,e2e-workspace-integrations,e2e-workspace-core,e2e-react,e2e-web,e2e-angular-extensions,e2e-angular-core,e2e-cli,e2e-nx-plugin,e2e-cypress,e2e-node,e2e-linter,e2e-jest,e2e-a...
• nx affected --target=e2e --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873 --exclude=e2e-storybook,e2e-react-native,e2e-detox --parallel=1
• nx affected --target=lint --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873 --parallel=3
• nx affected --target=test --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873 --parallel=1
• nx build typedoc-theme
• nx-cloud record -- yarn check-commit
• nx-cloud record -- yarn check-imports
• nx-cloud record -- yarn depcheck
• nx-cloud record -- yarn documentation
• nx-cloud record -- yarn nx format:check --base=0c8eade82e4c3a4d555f7407c0a324d982bcbd59 --head=f7fac7c3ee5a3a79a75469d3cb9272157c9d6873
• nx-cloud record -- yarn nx workspace-lint

---

Sent with 💌 from NxCloud.

[vercel]

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

Name	Status	Preview	Updated
nx-dev	✅ Ready (Inspect)	Visit Preview	May 18, 2022 at 0:56AM (UTC)

[nartc]

Suggestions and question

[ajwootto]

@jaysoo how come the default was changed here without a migration? isn't this a backwards-incompatible change? Removing the commonjs output breaks any tests using Jest since it still uses CommonJS

edit: to clarify, I was publishing a package to npm using the output from this executor. When the package is published as ESM-only, it still works in a web application which uses a bundler like webpack, but can not be required in a standard Jest test setup (which doesn't touch the node_modules/ directory and also does not support loading ESM modules except in "experimental" mode)

[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.