vue-cli-plugin-tailwind

A plugin that adds Tailwind CSS to your vue-cli project.

Getting started

Inside your vue-cli project folder add the plugin via:

vue add tailwind

Choose what Tailwind config you want to generate:

none - Won't create a config file. Useful if you already have a config (make sure to configure PurgeCSS).
minimal (default) - Will create a minimal tailwind.config.js file where you can define your customizations.
full - Will generate a tailwind.config.js file containing the entire default configuration.

Tailwind CSS will be added as plugins in your PostCSS config.

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};