Lo que sucede es que ahora la configuración se debe hacer en un nuevo archivo llamado vite.config.js
en la raíz del proyecto (puedes borrar webpack.mix.js
y webpack.config.js
).
Debes instalar también los plugins oficiales de Laravel y Vue con:
npm install --save-dev vite laravel-vite-plugin
y
npm install --save-dev @vitejs/plugin-vue
Y ahora dentro del vite.config.js
poner algo como
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [
laravel([
'resources/css/app.css',
'resources/js/app.js',
]),
vue({
template: {
transformAssetUrls: {
base: null,
includeAbsolute: false,
},
},
}),
],
});
Esto es parte de la guía oficial de migración de Laravel Mix a Vite, la puedes revisar en este enlace (puede ser algo complicado si es la primera vez que trabajas con esos archivos, pero hay muchas otras guías).