@fuf-stack/typescript-config

@ fuf-stack/ typescript- config

Fröhlich QQ Frei 项目的 TypeScript 配置预设 。 这些JSON配置帮助将编译器选项标准化,在单列波中跨越应用程序和软件包.

预设

• 基础.json: 对库和软件包严格默认(ES2022目标和标准API,ESNext模块,Bundler分辨率,声明,严格类型检查)
• 埃斯林特·杰森(英语:eslint.json):ESLint解析的变体(继承ES2022基线, noEmit, (中文(简体) ), allowJs(中文(简体) )
• 反应-library.json: 以图书馆为重点的反应设置(继承ES2022目标、ES2022和DOM libs, jsx: react-jsx(中文(简体) )
• 反应-视频-app.json: App-Content React + Vite 设置(继承ES2022目标,ES2022和DOM libs, jsx: react-jsx, (中文(简体) ), noUnused* 已启用)

安装

# pnpm
pnpm add -D @fuf-stack/typescript-config

# npm
npm i -D @fuf-stack/typescript-config

# yarn
yarn add -D @fuf-stack/typescript-config

使用量

引用您的预设 tsconfig.json 文档.

• 软件包/图书馆

{
  "extends": "@fuf-stack/typescript-config/base.json",
  "compilerOptions": {
    "outDir": "dist"
  },
  "include": ["src"]
}

• 反应应用( Vite)

{
  "extends": "@fuf-stack/typescript-config/react-vite-app.json",
  "include": ["src", "vite.config.ts"]
}

• 反应库

{
  "extends": "@fuf-stack/typescript-config/react-library.json",
  "include": ["src"]
}

• 仅使用 ESLint 配置

// tsconfig.eslint.json
{
  "extends": "@fuf-stack/typescript-config/eslint.json",
  "include": [
    "**/*.ts",
    "**/*.tsx",
    ".eslintrc.*",
    "prettier.config.*",
    "vite.config.*",
    "vitest.config.*",
    "vitest.workspace.*"
  ]
}

页:1

• 所有四个预设目标都是ES2022. 基础和ESLint预设包括ES2022标准API类型;React预设还包括DOM类型. TypeScript 6 包括 DOM 可移动类型 DOM。 。 。 .
• 运行时间必须支持您使用的 API ; lib 提供类型,而不是多填充。 反应库现在发送ES2022语法而不是ES6,所以消费者必须支持ES2022或转接输出.
• 对于 Vite 应用程序, 配置 Vite 的 build.target 以匹配您支持的浏览器.
• 预设使用现代选项如 module: ESNext 财务报告和审定财务报表 moduleResolution: Bundler 默认.
• 调整 include, (中文(简体) ), exclude,以及 paths 根据每个项目的需要.

许可证

麻省理工学院