A simple tool for build pure ESM TypeScript library.
Just install @swwind/exbuild and run exbuild.
This will compile all src/**/*.{ts,tsx} files into dist/esm/**/*.mjs.
If you want types also get generated, you may need to install typescript manually and run tsc --build with following example tsconfig.json.
{
"compilerOptions": {
"target": "ESNext",
"module": "NodeNext",
"moduleResolution": "NodeNext",
"declaration": true,
"declarationMap": true,
"emitDeclarationOnly": true,
"outDir": "dist",
"strict": true,
"allowImportingTsExtensions": true,
"skipLibCheck": true,
"skipDefaultLibCheck": true,
"resolveJsonModule": true,
"verbatimModuleSyntax": true,
"lib": ["ESNext", "DOM"],
"types": ["node"]
},
"include": ["src/**/*.ts", "src/**/*.tsx"]
}You can add a build command like this.
{
"script": {
"build": "tsc --build && exbuild"
}
}You can edit your package.json to make your package importable.
{
"name": "example",
"version": "0.0.1",
"types": "./dist/index.d.ts",
"module": "./dist/index.mjs",
"exports": {
".": {
"types": "./dist/index.d.ts",
"import": "./dist/index.mjs"
},
"./another/entry": {
"types": "./dist/another/entry.d.ts",
"import": "./dist/another/entry.mjs"
}
}
}Related entrance files should be placed at src/index.ts and src/another/entry.ts.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent