If you have monorepo with Tailwind CSS components in one package and application in the other you may find that Tailwind won't work for components. To fix that you need to add new entry to content
inside tailwind.config.js
:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
"../../packages/ui/**/*.{js,ts,jsx,tsx}", // here is path to Tailwind CSS components package
],
theme: {
extend: {},
},
plugins: [],
};
Latest comments (3)
I fixed with this glob
"**/src/**/*.{js,ts,jsx,tsx}"
an placed this config file on a tailwind package that can be shared with all the packages and apps that follow this path.Saved my butt. Thank you!
Thank you!