Using chokidar + vite + tailwindcss for real-time development of a component library

Oct 8, 2024#chokidar #code #ts173

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

I'm developing a multi-platform project using a monorepo and want to separate the component library into a lightweight package. I chose Vite for bundling, but it seems the development mode doesn't support this feature. Using `tsc` to watch for file changes results in differences between the output and `vite build`, and it doesn't bundle Tailwind in real-time. Ultimately, I use Chokidar to watch files in the `src` directory and execute `vite build`.

I am developing a multi-platform project using a monorepo, and I want to separate the component library into a very lightweight package. I chose Vite for bundling, but it seems that Vite's development mode does not support this feature. If I use tsc to watch for file changes, the output of the build differs from that of vite build, and it does not bundle Tailwind in real-time. Finally, I use chokidar to watch files in the src directory and execute vite build.

  "scripts": {
    "watch-build": "chokidar './src/**/*' -c 'vite build'"
  },