Skip to content

Instantly share code, notes, and snippets.

@plcosta
Created December 7, 2018 00:10
Show Gist options
  • Save plcosta/c6b567208b7198efa6cb4da14a07d145 to your computer and use it in GitHub Desktop.
Save plcosta/c6b567208b7198efa6cb4da14a07d145 to your computer and use it in GitHub Desktop.
PostCSS Config - TailwindCSS, Vuetify and PurgeCSS
const tailwindcss = require('tailwindcss')
const autoprefixer = require('autoprefixer')
const purgecss = require('@fullhuman/postcss-purgecss')
module.exports = {
plugins: [
tailwindcss('./tailwind.js'),
autoprefixer({
add: true,
grid: true
}),
purgecss({
content: [
'./src/**/*.html',
'./src/**/*.vue'
],
whitelistPatterns: [/^v-*/, /^theme-*/, /^application--*/],
whitelistPatternsChildren: [/^v-*/, /^theme-*/, /^application--*/],
whitelist: ['spacer', 'primary', 'secondary', 'accent', 'error', 'warning', 'info', 'success']
})
]
}
@ronssij
Copy link

ronssij commented Apr 10, 2020

I this working on your end? I am having trouble implementing this on my project. my Vuetify Grids are not working properly

@IsraelOrtuno
Copy link

This is working but Vuetify grid is deleted. Any idea?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment