@chatbi-v/config

ChatBI-V 项目的统一配置包，包含 ESLint, Prettier, Tailwind CSS 和 TypeScript 的共享配置。

安装

pnpm add -D @chatbi-v/config

使用指南

1. ESLint 配置

在项目根目录创建 eslint.config.mjs：

import chatbiConfig from '@chatbi-v/config/eslint';

export default [
  ...chatbiConfig,
  {
    // 你的自定义配置
    rules: {
      // ...
    },
  },
];

2. Prettier 配置

在项目根目录创建 prettier.config.js (ESM)：

import prettierConfig from '@chatbi-v/config/prettier';

export default prettierConfig;

或者在 package.json 中：

{
  "prettier": "@chatbi-v/config/prettier"
}

3. Tailwind CSS 配置

在项目根目录创建 tailwind.config.js (ESM)：

import baseConfig from '@chatbi-v/config/tailwind';

/** @type {import('tailwindcss').Config} */
export default {
  ...baseConfig,
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx}',
    // 如果是 Monorepo，可能需要包含其他包
    '../../packages/ui/src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      ...baseConfig.theme.extend,
      // 你的自定义主题
    },
  },
};

4. TypeScript 配置

在项目根目录创建 tsconfig.json：

{
  "extends": "@chatbi-v/config/base.json",
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "dist"
  },
  "include": ["src"]
}

配置详情

ESLint

• 基于 eslint-config-standard
• 集成 @typescript-eslint
• 集成 eslint-plugin-react 和 eslint-plugin-react-hooks
• 强制 import 排序 (simple-import-sort)

Tailwind

• 预定义颜色系统（Primary, Secondary, Accent 等）
• 预定义阴影效果（Neon, Glass）
• 自动关闭 Preflight（避免与 Ant Design 冲突）

TypeScript

• 严格模式 (strict: true)
• 目标版本 ESNext
• 模块解析 bundler

维护

• Author: ChatBI Team
• License: MIT