Estoy tratando de actualizar mi proyecto Vue.js basado en Webpack a Vite. Tengo una estructura de carpetas como esta:
- src/ - static/ - tests/En Webpack, estaba usando CopyWebPackPlugin así:
new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: '', ignore: ['.*'] } ]),Y copió todos los archivos dentro de la carpeta estática para que esté disponible tanto en desarrollo como en compilación.
Me gustaría hacer lo mismo a través de Vite, pero no sé cómo implementarlo.
Probé el siguiente código pero no funcionó.
viteStaticCopy({ targets: [ { src: path.resolve(__dirname, '../static'), dest: '/' } ] })Los siguientes cambios deberían ser equivalentes a su configuración anterior de CopyWebpackPlugin :
vite-plugin-static-copy no admite una opción de ignore explícita, pero puede configurar el patrón glob src para excluir archivos de puntos.
El dest debe ser './' para copiar los archivos en la raíz del directorio de salida (el valor predeterminado es dist ).
import { defineConfig } from 'vite' import { viteStaticCopy } from 'vite-plugin-static-copy' import path from 'path' export default defineConfig({ plugins: [ viteStaticCopy({ targets: [ { src: path.resolve(__dirname, './static') + '/[!.]*', // 1️⃣ dest: './', // 2️⃣ }, ], }), ] })