API 參考

PikaCSS 由數個套件組成，每個套件都有專注的 API。

套件總覽

核心套件

套件	用途
@pikacss/core	引擎基礎：createEngine、defineEngineConfig、defineEnginePlugin、型別
@pikacss/config	Canonical project configuration：defineConfig、scan/report/config 型別
@pikacss/integration	建置系統橋接：project generation、prepare/init、原始碼轉換與 generated-state publication
@pikacss/unplugin-pikacss	Rollup / Webpack 家族 adapters：Vite、Rollup、Rolldown、Webpack、Rspack
@pikacss/nuxt-pikacss	Nuxt 模組：零設定的 Nuxt 整合

官方外掛

套件	用途
@pikacss/plugin-reset	CSS reset 注入
@pikacss/plugin-icons	透過 Iconify 的圖示 shortcut
@pikacss/plugin-fonts	網頁字型載入
@pikacss/plugin-typography	長文排版樣式
@pikacss/plugin-design-tokens	W3C design token 轉 CSS 變數

工具

套件	用途
@pikacss/eslint-config	用於靜態分析的 ESLint 規則

套件關係圖

下一步

• Core API：引擎函式、define 輔助函式，以及型別。
• 快速開始：介紹與設定。