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

    1.4.7 • 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

    Install

    npm i rollup-plugin-windicss

    DownloadsWeekly Downloads

    241

    Version

    1.4.7

    License

    MIT

    Unpacked Size

    58.7 kB

    Total Files

    6

    Last publish

    Collaborators

    • antfu
    • voorjaar
    • hannoeru
    • harlan_zw