Skip to content

pantoken-root / bundlers/vite/src / pantoken

함수: pantoken() ​

pantoken(options?): Plugin

실험적

pantoken Vite 플러그인입니다.

매개변수 ​

options? ​

PantokenViteOptions = {}

PantokenViteOptions.

반환값 ​

Plugin

Vite 플러그인.

예제들 ​

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