Skip to content

pantoken / bundlers/vite/src / pantoken

ฟังก์ชัน: pantoken()

pantoken(options?): Plugin

ทดลอง

ปลั๊กอิน Vite ของ pantoken.

พารามิเตอร์

options?

PantokenViteOptions = {}

PantokenViteOptions.

คืนค่า

Plugin

ปลั๊กอิน Vite Plugin.

ตัวอย่าง

ลงทะเบียนปลั๊กอินใน vite.config.ts

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

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

ฉีดสไตล์ชีตโดยอัตโนมัติลงใน HTML <head>

ts
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 })],
});

ใช้งานโมดูลเสมือนในโค้ดแอป

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