This is how my package.json file looks like.
"scripts": {
"start": "yarn run watch-css && craco start",
"build": "yarn run build-css && craco build",
"test": "craco test",
"eject": "react-scripts eject",
"build-css": "craco src/index.css -o public/tailwind.css",
"watch-css": "craco src/index.css -o public/tailwind.css"
},
**craco.config.js** looks like
// craco.config.js
module.exports = {
style: {
postcss: {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
],
},
},
}
this is how my tailwind.config.js looks like:
module.exports = {
purge: ['./src/**/*.{js,jsx,ts,tsx,css}',
'./public/index.html','./public/tailwind.css'],
}
this is how my style.css file looks like. /* ./your-css-folder/styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
and i have an uncommpressed file in my public folder named tailwind.css of the size, 4,188kb where all the tailwindcss classes are there and i want to purge this file. how can i achieve that?
