Optimize rollup builds for 1 input producing multiple outputs

[denyo]

Scope

We are using rollup for building and bundling most packages that we release but also that we build in between, e.g. shared package which is used for tests or within our storefront. Since we need different output formats (primarily esm and cjs because umd is not treeshakable) we build and bundle everything twice. This obviously has high redundancy since the only difference is the final output format while everything else (e.g. typescript transpilation, dead code elimination, etc.) is done again.

Therefore we should adjust all rollup.config.js files that have repetitive inputs with different outputs to use a single input and producing multiple outputs.

This will save us time and energy locally during development but also in CI.

Out of Scope

List topics that are not part of this task.

Notes

• or try vite? https://vitejs.dev/guide/build.html#library-mode
• or esbuild? https://esbuild.github.io/
• or tsup? https://github.com/egoist/tsup
• esbuild doesn't support dynamic imports, yet which is needed for jsdom-polyfill or components-js builds [Feature] Support dynamic imports via plugins evanw/esbuild#700

Acceptance criteria

• Criteria

Subtasks

• Task