https://github.com/forsartis/vue-cli-plugin-tailwind

vue-cli plugin for Tailwind CSS
https://github.com/forsartis/vue-cli-plugin-tailwind

tailwindcss vue-cli-plugin

Last synced: 2 months ago
JSON representation

vue-cli plugin for Tailwind CSS

• Host: GitHub
• URL: https://github.com/forsartis/vue-cli-plugin-tailwind
• Owner: forsartis
• License: mit
• Created: 2018-09-17T16:24:25.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-30T03:10:51.000Z (about 1 year ago)
• Last Synced: 2024-03-22T07:24:37.104Z (3 months ago)
• Topics: tailwindcss, vue-cli-plugin
• Language: JavaScript
• Homepage:
• Size: 45.9 KB
• Stars: 211
• Watchers: 4
• Forks: 10
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-tailwindcss - vue-cli-plugin-tailwind - Vue CLI plugin that adds Tailwind CSS to a project. (Tools)
• awesome-tailwindcss - vue-cli-plugin-tailwind - Vue CLI plugin that adds Tailwind CSS to a project. (Tools)

README

        
# vue-cli-plugin-tailwind

[![Tailwind CSS](https://img.shields.io/badge/tailwindcss-^2.0.2-blue)](https://tailwindcss.com/)

[![License](https://img.shields.io/npm/l/vue-cli-plugin-tailwind.svg)](https://github.com/forsartis/vue-cli-plugin-tailwind/blob/master/LICENSE)

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.

See [Tailwinds configuration guide](https://tailwindcss.com/docs/configuration) for more info.

## PostCSS Configuration

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

```javascript

// postcss.config.js

module.exports = {

  plugins: {

    tailwindcss: {},

    autoprefixer: {},

  },

};

```

## License

[MIT](https://github.com/forsartis/vue-cli-plugin-tailwind/blob/master/LICENSE)