Eu crio uma biblioteca de componentes e quero publicar todas as classes personalizadas como "text-primary", "text-secondary", "bg-primary", "text-primary-100", "text-primary-200" e assim por diante. ..
O Tailwind pega todas as classes usadas no código, mas preciso gerar todas as classes customizadas também, mesmo as que as utilizam.
Meu tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {
colors: {
primary: '#FF9225',
primaryDark: '#EF7C09',
primaryLight: '#FFC68C',
secondary: '#14487E',
secondaryLight: '#EDF7FF',
},
},
},
plugins: [],
prefix: 'bui-',
corePlugins: {
preflight: false,
},
};
Meu comando de construção:
"build": "tsc --p ./tsconfig-build.json && vite build && npx tailwindcss -i ./src/input.css -o ./dist/output.css",
Eu apreciaria qualquer ajuda! Obrigado! :)