Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/tsconfig/bases

Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment
https://github.com/tsconfig/bases
Last synced: 2 days ago
JSON representation
Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment
Host: GitHub
URL: https://github.com/tsconfig/bases
Owner: tsconfig
License: mit
Created: 2020-05-13T17:22:41.000Z (almost 5 years ago)
Default Branch: main
Last Pushed: 2025-02-05T17:37:49.000Z (14 days ago)
Last Synced: 2025-02-14T15:41:53.570Z (6 days ago)
Language: TypeScript
Homepage:
Size: 276 KB
Stars: 6,649
Watchers: 42
Forks: 253
Open Issues: 46
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project

awesome - tsconfig/bases - Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment (TypeScript)
awesome - tsconfig/bases - Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment (TypeScript)
awesome-list - bases
jimsghstars - tsconfig/bases - Hosts TSConfigs to extend in a TypeScript app, tuned to a particular runtime environment (TypeScript)
awesome-stack - tsconfig/bases - Centralized Recommendations for TSConfig bases (Frontend)
README

        ## Centralized Recommendations for TSConfig bases

Hosts TSConfigs for you to extend in your apps, tuned to a particular runtime environment. Owned and improved by the community.

Basically Definitely Typed for TSConfigs.

We target the latest stable version of TypeScript, note that because we want to be consistent with the versioning the target runtime we can't always do semver releases.

### Table of TSConfigs

| Name 
| -------------------------------- 
| [Recommended](#recommended-tsconfigjson) 
| [Bun](#bun-tsconfigjson) 
| [Create React App](#create-react 
| [Cypress](#cypress-tsconfigjson) 
| [Deno](#deno-tsconfigjson) 
| [Docusaurus v2](#docusaurus-v2-tsconfigjson) 
| [Ember](#ember-tsconfigjson) 
| [Next.js](#nextjs-tsconfigjson) 
| [Node LTS](#node-lts-tsconfigjson) 
| [Node 10](#node-10-tsconfigjson) 
| [Node 12](#node-12-tsconfigjson) 
| [Node 14](#node-14-tsconfigjson) 
| [Node 16](#node-16-tsconfigjson) 
| [Node 17](#node-17-tsconfigjson) 
| [Node 18](#node-18-tsconfigjson) 
| [Node 19](#node-19-tsconfigjson) 
| [Node 20](#node-20-tsconfigjson) 
| [Node 21](#node-21-tsconfigjson) 
| [Node 22](#node-22-tsconfigjson) 
| [Node 23](#node-23-tsconfigjson) 
| [Nuxt](#nuxt-tsconfigjson) 
| [QJSEngine](#qjsengine-tsconfigjson) 
| [React Native](#react-native-tsconfigjson) 
| [Remix](#remix-tsconfigjson) 
| [Strictest](#strictest-tsconfigjson) 
| [Svelte](#svelte-tsconfigjson) 
| [Taro](#taro-tsconfigjson) 
| [Vite React](#vite-react-tsconfigjson)

| Package                                                                              | ------------------ | ------------------------------------------------------------------------------------ | | [`@tsconfig/recommended`](https://npmjs.com/package/@tsconfig/recommended)           | | [`@tsconfig/bun`](https://npmjs.com/package/@tsconfig/bun)                           | -app-tsconfigjson) | [`@tsconfig/create-react-app`](https://npmjs.com/package/@tsconfig/create-react-app) | | [`@tsconfig/cypress`](https://npmjs.com/package/@tsconfig/cypress)                   | | [`@tsconfig/deno`](https://npmjs.com/package/@tsconfig/deno)                         | | [`@tsconfig/docusaurus`](https://npmjs.com/package/@tsconfig/docusaurus)             | | [`@tsconfig/ember`](https://npmjs.com/package/@tsconfig/ember)                       | | [`@tsconfig/next`](https://npmjs.com/package/@tsconfig/next)                         | | [`@tsconfig/node-lts`](https://npmjs.com/package/@tsconfig/node-lts)                 | | [`@tsconfig/node10`](https://npmjs.com/package/@tsconfig/node10)                     | | [`@tsconfig/node12`](https://npmjs.com/package/@tsconfig/node12)                     | | [`@tsconfig/node14`](https://npmjs.com/package/@tsconfig/node14)                     | | [`@tsconfig/node16`](https://npmjs.com/package/@tsconfig/node16)                     | | [`@tsconfig/node17`](https://npmjs.com/package/@tsconfig/node17)                     | | [`@tsconfig/node18`](https://npmjs.com/package/@tsconfig/node18)                     | | [`@tsconfig/node19`](https://npmjs.com/package/@tsconfig/node19)                     | | [`@tsconfig/node20`](https://npmjs.com/package/@tsconfig/node20)                     | | [`@tsconfig/node21`](https://npmjs.com/package/@tsconfig/node21)                     | | [`@tsconfig/node22`](https://npmjs.com/package/@tsconfig/node22)                     | | [`@tsconfig/node23`](https://npmjs.com/package/@tsconfig/node23)                     | | [`@tsconfig/nuxt`](https://npmjs.com/package/@tsconfig/nuxt)                         | | [`@tsconfig/nuxt`](https://npmjs.com/package/@tsconfig/qtsengine)                    | | [`@tsconfig/react-native`](https://npmjs.com/package/@tsconfig/react-native)         | | [`@tsconfig/remix`](https://npmjs.com/package/@tsconfig/remix)                       | | [`@tsconfig/strictest`](https://npmjs.com/package/@tsconfig/strictest)               | | [`@tsconfig/svelte`](https://npmjs.com/package/@tsconfig/svelte)                     | | [`@tsconfig/taro`](https://npmjs.com/package/@tsconfig/taro)                         | | [`@tsconfig/vite-react`](https://npmjs.com/package/@tsconfig/vite-react)             |

### Available TSConfigs

### Recommended tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/recommended

yarn add --dev @tsconfig/recommended

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/recommended/tsconfig.json"

```

### Bun tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/bun

yarn add --dev @tsconfig/bun

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/bun/tsconfig.json"

```

### Create React App tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/create-react-app

yarn add --dev @tsconfig/create-react-app

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/create-react-app/tsconfig.json"

```

### Cypress tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/cypress

yarn add --dev @tsconfig/cypress

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/cypress/tsconfig.json"

```

### Deno tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/deno

yarn add --dev @tsconfig/deno

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/deno/tsconfig.json"

```

### Docusaurus v2 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/docusaurus

yarn add --dev @tsconfig/docusaurus

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/docusaurus/tsconfig.json"

```

> **NOTE**: You may need to add `"baseUrl": "."` to your `tsconfig.json` to support proper file resolution.

### Ember tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/ember

yarn add --dev @tsconfig/ember

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/ember/tsconfig.json"

```

> **NOTE**: You may need to add `"baseUrl": "."` to your `tsconfig.json` to support proper file resolution.

### Next.js tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/next

yarn add --dev @tsconfig/next

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/next/tsconfig.json"

```

### Node LTS (22) tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node-lts

yarn add --dev @tsconfig/node-lts

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node-lts/tsconfig.json"

```

### Node with TypeScript (TS >=5.8 ONLY) tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node-ts

yarn add --dev @tsconfig/node-ts

```

> This base require TypeScript 5.8+ (See [announcement](https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/#the---erasablesyntaxonly-option))

This file is meant to be used in conjunction with other Node.js configurations, you can do so by extending multiple files in the `extends` clause of your `tsconfig.json`:

```json

{

  "extends": ["@tsconfig/node22/tsconfig.json", "@tsconfig/node-ts/tsconfig.json"]

}

```

### Node 10 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node10

yarn add --dev @tsconfig/node10

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node10/tsconfig.json"

```

### Node 12 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node12

yarn add --dev @tsconfig/node12

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node12/tsconfig.json"

```

### Node 14 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node14

yarn add --dev @tsconfig/node14

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node14/tsconfig.json"

```

### Node 16 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node16

yarn add --dev @tsconfig/node16

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node16/tsconfig.json"

```

### Node 17 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node17

yarn add --dev @tsconfig/node17

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node17/tsconfig.json"

```

### Node 18 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node18

yarn add --dev @tsconfig/node18

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node18/tsconfig.json"

```

### Node 19 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node19

yarn add --dev @tsconfig/node19

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node19/tsconfig.json"

```

### Node 20 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node20

yarn add --dev @tsconfig/node20

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node20/tsconfig.json"

```

### Node 21 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node21

yarn add --dev @tsconfig/node21

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node21/tsconfig.json"

```

### Node 22 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node22

yarn add --dev @tsconfig/node22

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node22/tsconfig.json"

```

### Node 23 tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/node23

yarn add --dev @tsconfig/node23

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/node23/tsconfig.json"

```

### Nuxt tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/nuxt

yarn add --dev @tsconfig/nuxt

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/nuxt/tsconfig.json"

```

> **NOTE**: You may need to add `"baseUrl": "."` to your `tsconfig.json` to support proper file resolution.

### QJSEngine tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/qjsengine

yarn add --dev @tsconfig/qjsengine

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/qjsengine/tsconfig.json"

```

### React Native tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/react-native

yarn add --dev @tsconfig/react-native

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/react-native/tsconfig.json"

```

### Remix tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/remix

yarn add --dev @tsconfig/remix

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/remix/tsconfig.json"

```

> **NOTE**: You may need to add `"baseUrl": "."` to your `tsconfig.json` to support proper file resolution.

### Strictest tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/strictest

yarn add --dev @tsconfig/strictest

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/strictest/tsconfig.json"

```

### Svelte tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/svelte

yarn add --dev @tsconfig/svelte

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/svelte/tsconfig.json"

```

> **NOTE**: After `@tsconfig/[email protected]`, you should add `/// ` to a `d.ts` or a `index.ts`(entry) file to prevent typescript error.

### Taro tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/taro

yarn add --dev @tsconfig/taro

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/taro/tsconfig.json"

```

### Vite React tsconfig.json

Install:

```sh

npm install --save-dev @tsconfig/vite-react

yarn add --dev @tsconfig/vite-react

```

Add to your `tsconfig.json`:

```json

"extends": "@tsconfig/vite-react/tsconfig.json"

```

### What about combined configs?

Because of previous limitations in the config extension system of TypeScript,

this repo used to provide combined configs from a few common bases (like Node + ESM,

Node + Strictest and so on).

This issue is now moot since TypeScript v5.0.0, which provides the [ability to 

extend from multiple configs at once](https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-rc/#supporting-multiple-configuration-files-in-extends). For instance, if you want

to start from a Node 18 + Strictest base config, you can install both

`@tsconfig/node18` and `@tsconfig/strictest` packages and extend those configs like so:

```jsonc

// tsconfig.json

{

  "extends": ["@tsconfig/strictest/tsconfig", "@tsconfig/node18/tsconfig"]

}

```

You can see the result of the combined configs via `tsc --showConfig`.

### What about `@tsconfig/esm`?

We deprecated it in favour of setting [module/moduleResolution](https://github.com/tsconfig/bases/pull/197) to node/bundler.

### Contributing

```sh

git clone https://github.com/tsconfig/bases.git tsconfig-bases

cd tsconfig-bases

```

Then edit the tsconfig.json files in [`bases/`](./bases).

Every morning there is a GitHub Action which deploys any changed bases.

To generate the recommended TSConfig which is generated via `tsc --init`, run:

```sh

deno run --allow-read --allow-run --allow-env --allow-write --allow-net scripts/generate-recommend.ts

```

### Developing

Create a set of npm packages via:

```sh

deno run --allow-read --allow-write --allow-net scripts/create-npm-packages.ts

```

You can inspect them in the `packages/` folder, then they are deployed by passing in the paths to the base files via stdin:

```sh

deno run --allow-read --allow-run --allow-env --allow-net scripts/deploy-changed-npm-packages.ts

```

The rest of the files in this repo are for deploying, which uses [Deno](https://deno.land) 1.0.

If you add a new json file, please run `deno run --allow-read --allow-write scripts/update-markdown-readme.ts` to update the README.