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: 18 days 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 (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-30T03:10:51.000Z (about 2 years ago)
- Last Synced: 2025-03-16T10:05:45.924Z (29 days ago)
- Topics: tailwindcss, vue-cli-plugin
- Language: JavaScript
- Homepage:
- Size: 45.9 KB
- Stars: 210
- Watchers: 3
- Forks: 10
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-tailwindcss - vue-cli-plugin-tailwind - Vue CLI plugin that adds Tailwind CSS to a project. (Tools)
README
# vue-cli-plugin-tailwind
[](https://tailwindcss.com/)
[](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)