rollup-plugin-windicss
v1.9.3
Published
Windi CSS for Rollup
Downloads
324
Readme
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