This package provides a set of shared Typescript configuration files that can be used across different projects.
- 🏠 Base -
@incentro-ic/config-typescript/base - 🦁 App - NestJS -
@incentro-ic/config-typescript/app-nest - 🔼 App - Next.js -
@incentro-ic/config-typescript/app-next - 🔴 App - React Router -
@incentro-ic/config-typescript/app-react-router - 📦 Package -
@incentro-ic/config-typescript/package - 🌎 Package - Browser -
@incentro-ic/config-typescript/package-browser/ - 🟩 Package - Node -
@incentro-ic/config-typescript/package-node/ - ⚛️ Package - React -
@incentro-ic/config-typescript/package-react
To install the package, use the following command:
pnpm add -D typescript @incentro-ic/config-typescriptAfter installing the package you can use the provided configuration as a basis by using the extends keyword in your tsconfig.json.
Here's an example:
{
"extends": "@incentro-ic/config-typescript"
}Note
The configuration files do not include any includes, files, exclude or compilerOptions.outDir options. You will need to add these options according to your project's requirements.
This is the base Typescript configuration that is applicable to all projects. The settings in this configuration are primarily related to the strictness of Typescript and should rarely be overridden as they do not affect the output or the compilation target.
{
"extends": "@incentro-ic/config-typescript"
}This is the Typescript configuration for all NestJS projects. It extends the base configuration and adds settings that are related to working with NestJS projects, like accepting unused class properties which is a common pattern in NestJS projects.
{
"extends": "@incentro-ic/config-typescript/app-nest"
}This is the Typescript configuration for all Next.js projects. It extends the base configuration and adds settings that are related to working with React and Next.js' Typescript plugin and type helpers.
{
"extends": "@incentro-ic/config-typescript/app-next"
}This is the Typescript configuration for all React Router projects. It extends the base configuration and adds settings that are related to working with React and React Router projects.
{
"extends": "@incentro-ic/config-typescript/app-react-router"
}This is the base Typescript configuration for all projects that are meant to be published as a package and do not specifically target the browser or a Node.js environment. It extends the base configuration and adds settings that are related to the output of the Typescript compiler.
{
"extends": "@incentro-ic/config-typescript/package"
}This is the Typescript configuration for all projects that are meant to be published as package targeting browser environments. It extends the package configuration and adds settings that are specific to browser environments, like enabling types for methods only available in DOM environments. It targets the latest versions of most major browsers.
Important
This config disables file emission by the Typescript compiler as it is expected that you'll be using a bundler to transform the source files for use in browser environments.
{
"extends": "@incentro-ic/config-typescript/package-browser"
}This is the Typescript configuration for all projects that are meant to be published as Node.js packages. It extends the package configuration and adds settings that are related to Node.js, specifically the LTS version.
{
"extends": "@incentro-ic/config-typescript/package-node"
}This is the Typescript configuration for all projects that are meant to be published as React packages. It extends the browser package configuration and adds settings that are related to interpreting JSX.
Important
This config disables file emission by the Typescript compiler as it is expected that you'll be using a bundler to transform the source files for use in browser environments.
{
"extends": "@incentro-ic/config-typescript/package-react"
}