rollup-plugin-windicss
TypeScript icon, indicating that this package has built-in type declarations

1.9.3 • Public • Published

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

Package Sidebar

Install

npm i rollup-plugin-windicss

Weekly Downloads

197

Version

1.9.3

License

MIT

Unpacked Size

12.3 kB

Total Files

6

Last publish

Collaborators

  • antfu
  • voorjaar
  • hannoeru
  • harlan_zw