Estoy tratando de hacer que Vite cree mis archivos y los envíe a la carpeta dist cada vez que guardo/realizo cambios en mis archivos durante el desarrollo.
¿Como podría hacerlo?
Aquí está mi archivo vite.config.development.js :
import { defineConfig } from "vite"; export default defineConfig({ base: "./", build: { rollupOptions: { output: { assetFileNames: "assets/[name].[ext]", chunkFileNames: "assets/[name].[ext]", entryFileNames: "assets/[name].js", }, }, write: true, }, }); Aquí están mis scripts en package.json :
"frontend-dev": "vite --config vite.config.development.js", Hace lo habitual localhost:3000 , pero no compila mis archivos ni los coloca en la carpeta dist cuando realizo cambios en mi código fuente.
Actualmente, tengo que ejecutar un script vite build npm cada vez, lo que lleva mucho tiempo.
Si desea que Vite realice una reconstrucción de los cambios de archivo , puede usar el indicador --watch :
vite build --watchEn su caso, con un archivo de configuración personalizado:
vite build --watch --config vite.config.development.js Con el indicador --watch habilitado, los cambios en el archivo de configuración, así como cualquier archivo que se empaquete, desencadenarán una reconstrucción y actualizarán los archivos en dist .
¿Conoces NodeJS? Si conoce NodeJS, puede monitorear carpetas y archivos con el módulo fs. Al monitorear el directorio src, puede activar el vite siempre que haya un cambio. Esta es la solución manual. No sé si actualmente hay paquetes npm que proporcionen esto.