build: 集成 Appica UI 与 Tailwind v4

- 安装 @appica/ui-react、@appica/icons-react、tailwindcss、@tailwindcss/vite
- vite.config 添加 tailwindcss 插件
- 新增 src/styles/global.css 引入 Tailwind 与 Appica 设计令牌
- main.jsx 包裹 ThemeProvider(主题防闪烁)
This commit is contained in:
Pine
2026-08-17 18:37:16 +08:00
parent 94ea880364
commit 0d20e1413f
5 changed files with 2856 additions and 4 deletions
+5 -1
View File
@@ -1,9 +1,13 @@
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { ThemeProvider } from "@appica/ui-react/providers/theme-provider";
import "./styles/global.css";
ReactDOM.createRoot(document.getElementById("root")).render(
<React.StrictMode>
<App />
<ThemeProvider>
<App />
</ThemeProvider>
</React.StrictMode>,
);
+16
View File
@@ -0,0 +1,16 @@
/* =========================================================
Appica UI · Tailwind v4 全局入口
安装规范:https://appica.dev/ui/docs/react/installation
========================================================= */
@import 'tailwindcss';
@import '@appica/ui-react/styles.css';
/* 让 Tailwind 扫描编译后的组件类名(相对本文件:src/styles/ → ../../node_modules */
@source '../../node_modules/@appica/ui-react/dist';
/* 基础重置(保持与项目一致) */
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}