Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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

This comment has been minimized.

Copy link

@ronssij 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

This comment has been minimized.

Copy link

@IsraelOrtuno IsraelOrtuno commented Apr 23, 2020

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