Windi CSS PostCSS

?? 實(shí)驗(yàn)性

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

安裝

從 NPM 安裝 postcss-windicss

npm i -D postcss-windicss

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

?postcss.config.js?

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

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

/* main.css */
@windicss;

使用此配置在您的項(xiàng)目根目錄下創(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}'],
  },
  /* ... */
})