TailwindCSS

@vituum/vite-plugin-tailwindcss

Adds out-of-the-box support for the old TailwindCSS v3 to your project. Including base PostCSS plugins from @vituum/vite-plugin-postcss

See docs for more info about TailwindCSS

Use the official @tailwindcss/vite if you want to use latest TailwindCSS version

Install

npm

npm i @vituum/vite-plugin-tailwindcss --save-dev

yarn

yarn add @vituum/vite-plugin-tailwindcss -D

Config

import tailwindcss from '@vituum/vite-plugin-tailwindcss'

export default {
    plugins: [tailwindcss()]
}

Options

tailwindcss

• Type: Object
• Default: {}

TailwindCSS configuration options. Can be used instead of tailwind.config.js.

import

• Type: Object
• Default: {}

PostCSS [postcss-import](https://www.npmjs.com/package/postcss-import plugin options.

nesting

• Type: Object
• Default: {}

PostCSS postcss-nesting plugin options.

customMedia

• Type: Object
• Default: {}

PostCSS postcss-custom-media plugin options.

autoprefixer

• Type: Object
• Default: {}

PostCSS autoprefixer plugin options.