error with purgecss and Tailwind 2
Hey there, I am facing the following problem. In production, purgecss is preventing all all css from @tailwindcss/forms
from being rendered properly. When I comment out purgecss everything is working just fine. The forms are located in the following file:
/app/views/boater/boats/new.html.erb
Here is my postcss.config.js :
let environment = {
plugins: [
require("tailwindcss")("tailwind.config.js"),
require('autoprefixer'),
require('postcss-import'),
require('postcss-flexbugs-fixes'),
require('postcss-preset-env')({
autoprefixer: {
flexbox: 'no-2009'
},
stage: 3
}),
]
}
if (process.env.RAILS_ENV === "production") {
environment.plugins.push(
require('@fullhuman/postcss-purgecss')({
content: [
'./app/**/*.html.erb',
'./app/**/**/*.html.erb',
'./app/**/*.html.haml',
'./app/helpers/**/*.rb',
'./app/javascript/**/*.js'
],
defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []
})
)
}
module.exports = environment
My package.json can be found here:
My tailwind.config.js can be found here:
https://pastebin.com/9e3uE3g6
There's some discussion about this on the GitHub repo: https://github.com/tailwindlabs/tailwindcss-forms/issues/12
wow, thank you Chris for the quick reply. I am deeply grateful for the work you're doing. Always listen to the podcast too.
You're welcome and thanks for all the support! 🙏❤️
I think we didn't have the issue with Jumpstart Pro because I have some examples in the docs or something, so ours didn't get purged.