我创建组件库并想要发布所有自定义类,例如“text-primary”、“text-secondary”、“bg-primary”、“text-primary-100”、“text-primary-200”等。 ..
Tailwind 接受代码中使用的所有类,但我也需要生成所有自定义类,即使使用它们。
我的 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,
},
};
我的构建命令:
"build": "tsc --p ./tsconfig-build.json && vite build && npx tailwindcss -i ./src/input.css -o ./dist/output.css",
我将不胜感激任何帮助!谢谢你!:)