zemdDefault tsconfigs
- React component library
- Next.js site
Usage
Installation
npm install @zemd/tsconfig --save-devReact component library
{
"$schema": "https://json.schemastore.org/tsconfig",
"display": "My cool react library",
"extends": "@zemd/tsconfig/tsconfig-react.json"
}Next.js project
{
"$schema": "https://json.schemastore.org/tsconfig",
"display": "My cool app configuration",
"extends": "@zemd/tsconfig/tsconfig-next.json"
}Warning
Also, you have to set compilerOptions.outDir, compilerOptions.rootDir, and compilerOptions.baseUrl options explicitly, so it would be clear about target destinations. And keep in mind that compilerOptions.outDir is considered a relative path in Typescript, it must be defined within your tsconfig.
Next.js and Emotion.sh integration
It is not limited by Emotion itself but showed up precisely when I was configuring it. Once you extend tsconfnig-next.json, a css attribute can't be used and the typechecker throws an error. You can fix it by adding next-env.d.ts into the include array:
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx"
]That means that includes field is also considered as relative paths in typescript.
License
@zemd/tsconfig is released under the MIT license.
Donate
