0

Llevo dos días intentando configurar una api rest de laravel 9 con vite. con un frontend en vue 3 pero no sé como integrar vue en la aplicación. Toda la documentación que he encontrado es con laravel mix.

He visto que la gente configura webpack.mix.js añadiendo al final de mix.js(...).postcss(...). la gente le añade .vue(). y luego hacen npm run watch

Hay algo parecido en vite?

Soy principante en php y en desarrollo web.

1
  • es obligatorio integrar vue en laravel? yo te recomendaria que fueran 2 proyectos independientes, donde laravel haga el papel de una API y vue solo maneje el frontend
    – Ivandez
    Commented el 10 ago. 2022 a las 12:52

1 respuesta 1

0

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).

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.