@themagician/tsconfig-isomorphic

tsconfig-isomorphic

repo, npm

A base tsconfig configuration for a module that support both the browser and node at the same time (aka isomorphic module), that you can override.

Usage:

Install the package:

npm install @themagician/tsconfig-isomorphic -D
yarn add @themagician/tsconfig-isomorphic -D
pnpm add @themagician/tsconfig-isomorphic -D

Then extend it in your tsconfig.json

{
  "extends": "@themagician/tsconfig-isomorphic",
  "compilerOptions": {
    "noEmit": true,
    "strict": true
  }
}

tsconfig-isomorphic configuration

{
  "$schema": "https://json.schemastore.org/tsconfig",
  "extends": "@themagician/tsconfig-base",
  "compilerOptions": {
    "lib": ["ESNext"],
    "target": "ES5",
    "module": "NodeNext",
    "moduleResolution": "NodeNext"
  }
}

Other packages

• @themagician/tsconfig-base
• @themagician/tsconfig-node
• @themagician/tsconfig-package-node-esm
• @themagician/tsconfig-package-node-cjs
• @themagician/tsconfig-react
• @themagician/tsconfig-browser

@themagician/tsconfig repo

https://github.com/TheMagicianDev/tsconfig

You can use this whole repo. As a template or boilerplate to make your own scope based packages, through a monorepo repository for your tsconfig base configurations. As it make a good setup. Using turborepo and changsets and pnpm workspaces. For easy monorepo management and versioning and publishing. As well eslint config to lint json files, and lefthook to run that before committing. And guard the commit. prettier config as well. And Beside high accessibility and flexibility, You may like to do that, to share with your friends, team, or community. As well have them to contribute in a flexible way.

Here some articles we wrote and resources that help u with the notions above:

... to be added later ...