pantoken-root / bundlers/vite/src / pantoken

函式: pantoken()

pantoken(options?): Plugin

實驗性

pantoken 的 Vite 外掛。

參數

options?

PantokenViteOptions = {}

PantokenViteOptions.

回傳

Plugin

一個 Vite 的 Plugin。

範例

在 vite.config.ts 中註冊此外掛

import { defineConfig } from "vite";
import { pantoken } from "@pantoken/vite";

export default defineConfig({
  plugins: [pantoken()],
});

自動將樣式表注入到 HTML 的 <head>

import { defineConfig } from "vite";
import { pantoken } from "@pantoken/vite";

export default defineConfig({
  // No need to import `virtual:pantoken/css` yourself — it's injected.
  plugins: [pantoken({ injectCss: true })],
});

在應用程式程式碼中使用虛擬模組

import css from "virtual:pantoken/css"; // the stylesheet string
import { tokens } from "virtual:pantoken/tokens"; // the resolved token IR