?? 實驗性

?? 不鼓勵使用這個包，因為 PostCSS 的 API 有一些限制。為每個專用框架/構(gòu)建工具使用我們一流的集成，以獲得最佳的開發(fā)體驗和性能。該插件應(yīng)該是您集成 Windi CSS 的最后選擇。

安裝

從 NPM 安裝 postcss-windicss

npm i -D postcss-windicss

在項目根目錄下創(chuàng)建 postcss.config.js

?postcss.config.js?

module.exports = {
  plugins: {
    'postcss-windicss': { /* ... */ },
  },
}

將 @windicss 添加到您的主 CSS 條目：

/* main.css */
@windicss;

使用此配置在您的項目根目錄下創(chuàng)建 windi.config.js / windi.config.ts

?windi.config.js?

import { defineConfig } from 'windicss/helpers'

export default defineConfig({
  extract: {
    include: ['src/**/*.{html,vue,jsx,tsx,svelte}'],
  },
  /* ... */
})