Socket
Socket
Sign inDemoInstall

vue-cli-plugin-tailwind

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-cli-plugin-tailwind - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

2

package.json
{
"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)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc