---
title: 项目配置
description: 导入全局样式，并从显式组件子路径开始使用。
order: 10
toc:
  - id: import-styles
    title: 导入样式
  - id: import-a-component
    title: 导入组件
  - id: entry-points
    title: 包入口
---

## 导入样式 {#import-styles}

在应用入口中导入一次全局样式：

```ts
import "@workspace/ui/globals.css"
```

它提供组件所需的共享 Tailwind 层、设计变量、字体配置和工具类。

## 导入组件 {#import-a-component}

```tsx
import { Button } from "@workspace/ui/components/button"

export function SaveButton() {
  return <Button>保存</Button>
}
```

## 包入口 {#entry-points}

- `@workspace/ui/components/*` 导出单个组件模块。
- `@workspace/ui/hooks/*` 导出可复用的交互和媒体查询状态。
- `@workspace/ui/lib/utils` 导出共享的类名组合工具。
- `@workspace/ui/locales/*` 导出指定语言的词典。