Интеграция для PostCSS #

🧪 Экспериментальный.

⚠️ Использование этого пакета не рекомендуется, так как API PostCSS имеет некоторые ограничения. Используйте наши first-class integrations для каждой выделенной платформы / инструмента сборки, чтобы получить лучший опыт разработки и производительность. Этот плагин должен быть вашим последним вариантом интеграции Windi CSS.

Установка #

Установите postcss-windicss из NPM

npm i -D postcss-windicss

Создайте postcss.config.js в корне вашего проекта

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

Add @windicss to your main css entry:

/* main.css */
@windicss;

Создайте windi.config.js / windi.config.ts в корне вашего проекта с этими конфигурациями

import { defineConfig } from 'windicss/helpers'

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

И наслаждаться!