rollup-plugin-windicss

Windi CSS for Rollup! ⚡️
^{a.k.a On-demand Tailwind CSS}

Features

• ⚡️ Fast
• 🧩 On-demand CSS utilities (Compatible with Tailwind CSS v2)
• 📦 On-demand native elements style reseting
• 🍃 Load configurations from tailwind.config.js
• 🤝 Framework-agnostic - Vue, React, Svelte and vanilla!
• 📄 CSS @apply / @screen directives transforms (also works for Vue SFC's <style>)
• 🎳 Support Utility Groups - e.g. bg-gray-200 hover:(bg-gray-100 text-red-300)

See vite-plugin-windicss for more details.

Install

npm i rollup-plugin-windicss -D # yarn add rollup-plugin-windicss -D

// rollup.config.js
import WindiCSS from 'rollup-plugin-windicss'

export default {
  plugins: [
    ...WindiCSS(),
  ],
}

// your code entry
import 'virtual:windi.css'

That's all.

Configuration

See options.ts.

Sponsors

License

MIT License © 2021 Anthony Fu