vue-cli-plugin-tailwind
Advanced tools
Comparing version 2.0.0 to 2.0.1
{ | ||
"name": "vue-cli-plugin-tailwind", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "vue-cli plugin for Tailwind CSS", | ||
@@ -5,0 +5,0 @@ "author": "Jens Eggerstedt <j.eggerstedt@kaibatech.de>", |
@@ -5,3 +5,3 @@ # vue-cli-plugin-tailwind | ||
A plugin that adds Tailwind CSS and Purgecss to your vue-cli project. | ||
A plugin that adds Tailwind CSS to your vue-cli project. | ||
@@ -14,3 +14,3 @@ ## Getting started | ||
Choose what Tailwind config you want to generate: | ||
* **none** - Won't create a config file. Useful if you already have a config or you don't need to change Tailwinds default styles. | ||
* **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. | ||
@@ -22,3 +22,3 @@ * **full** - Will generate a `tailwind.config.js` file containing the entire default configuration. | ||
## PostCSS Configuration | ||
Tailwind CSS and Purgecss will be added as plugins in your PostCSS config. | ||
Tailwind CSS will be added as plugins in your PostCSS config. | ||
```javascript | ||
@@ -29,3 +29,2 @@ // postcss.config.js | ||
tailwindcss: {}, | ||
'vue-cli-plugin-tailwind/purgecss': {}, | ||
autoprefixer: {}, | ||
@@ -46,27 +45,12 @@ }, | ||
``` | ||
### Configure Purgecss | ||
By default Purgecss will look for css selectors in your `.html` files inside the `./public` directory and `.vue` files inside the `./src` directory. | ||
### Configure PurgeCSS | ||
By default PurgeCSS will look for css selectors in your `.html` files inside the `./public` directory and `.vue` files inside the `./src` directory. | ||
```javascript | ||
let config = { | ||
content: ['./public/**/*.html', './src/**/*.vue'], | ||
defaultExtractor: content => | ||
content.match(/[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g) || [], | ||
}; | ||
purge: { | ||
content: ['./public/**/*.html', './src/**/*.vue'] | ||
}, | ||
``` | ||
You can extend/override the default config in your PostCSS configuration. | ||
```javascript | ||
// postcss.config.js | ||
module.exports = { | ||
plugins: { | ||
tailwindcss: {}, | ||
'vue-cli-plugin-tailwind/purgecss': { | ||
whitelist: ['foo', 'bar'], | ||
}, | ||
autoprefixer: {}, | ||
}, | ||
}; | ||
``` | ||
Check [https://www.purgecss.com/configuration#options](https://www.purgecss.com/configuration#options) for a list of available options. | ||
Check [https://tailwindcss.com/docs/optimizing-for-production](https://tailwindcss.com/docs/optimizing-for-production) for more info. | ||
## License | ||
[MIT](https://github.com/forsartis/vue-cli-plugin-tailwind/blob/master/LICENSE) |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
8530
52