Publish with Vite - React, Typescript and Tailwindcss component to npm

Publish a React, typescript and Tailwindcss component to npm with Vite.

Get 10% discount on branded T-shirts by using this link

[nagwarg]

if you're publishing already compiled code to npm then surely react, react-dom etc should be listed as peerDependencies instead? This will avoid conflicts if you're importing your package into a project that's already using a different react version..

[javiergarciafillol]

After getting desperate on how to make the components in a simple way, here I find a video without voice that works perfectly :D 1000 thx

[Dhanushsaji]

My style.css is in the node module package. But it isn't reflecting on the component

[vyfezpd]

Button color in library & in child project is different. Are css not copied? or applied?

[SahibeAlam-qztz]

How to add custom css file in Button component?

[JD-eure]

i followed this to setup a shadcn npm package but my styles are not being applied in the consumer app. any idea what im doing wrong?

[deepaksoni-wbhi]

How you managed the error of "import path from"path";" in vite.config.ts on

8:25

[noone-gzpc]

Tailwind not loading after installing on external repo, this is not working.

[Chriss-cnch]

Thanks for the tutorial, but tailwind isn't working when you install the package. is there any solution for that?

[udonwadon]

this is wild the amount of configuration you have to do. jesus

[bibek_magar]

For those who are having issue of styles
{
"exports": {
".": {
"import": "./dist/index.es.js",
"require": "./dist/index.umd.js",
"styles": "./dist/style.css"
}
},
"scripts": {
"dev": "vite",
"prepare": "npm run build",
"build": "tailwindcss ./src/index.css --output ./dist/style.css && tsc && vite build",
"lint": "eslint . --ext ts, tsx --max-warnings 0",
"preview": "vite preview"
},