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']
})
]
}
@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