-
Notifications
You must be signed in to change notification settings - Fork 81
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
build: switch to dual package emitting (#2746)
- Loading branch information
1 parent
2ec2138
commit 0b047d5
Showing
112 changed files
with
322 additions
and
1,357 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
# Building | ||
|
||
We are using [tsup](https://tsup.egoist.dev/) and [esbuild](https://esbuild.github.io/) together with [Microbundle](https://www.npmjs.com/package/microbundle) to build our component library. | ||
|
||
Each component builds to its own `dist` directory with: | ||
|
||
- `index.d.ts` – TypeScript type declaration file | ||
- `index.js` – CJS (CommonJS) | ||
- `index.modern.mjs` – [Modern](https://github.com/developit/microbundle#-modern-mode-) output (work in all modern browsers) | ||
- `index.module.js` – legacy ESM (ES Modules) output (for bundlers) | ||
- `index.umd.js` – legacy UMD (Universal Module Definition) output (for Node & CDN use) | ||
|
||
## Create a build of the library | ||
|
||
```bash | ||
npm run-script build | ||
``` | ||
|
||
## v5 alpha/beta pre-releases | ||
|
||
> [!WARNING] | ||
> | ||
> Revisit the build setup before the v5 release | ||
We aim to emit ESM only in our next major release. | ||
|
||
Until then, we emit CJS and ESM using a dual-package approach with `tsc` and [tsconfig-to-dual-package](https://github.com/azu/tsconfig-to-dual-package/tree/main). | ||
|
||
This ensures Node/TypeScript point to the right package type (commonjs, module) depending on the consumer's configuration, without the hassle of us to "hack" the main `package.json` and `tsconfig` to satisfy all use cases. | ||
|
||
The build has the following structure in its own `dist` directory: | ||
|
||
- `./cjs` – CJS (CommonJS) with declaration + inline source map. | ||
- `./esm` – ESM (ES Modules) with declaration + inline source map. |
Oops, something went wrong.