Как создать несколько проектов Vue в одном проекте Laravel

Question

У меня есть один проект laravel, где у меня будет несколько бэкэндов, мне нужно сделать то же самое в frontend, еще один проект laravel, где у меня будет несколько фронтэндов в Vue с использованием интеграции laravel-vue, для Например, внутри папки resource/js должны быть frontend1, frontend2 и т. д. Есть ли какое-либо руководство или руководство о том, как это сделать? Как сделать структуру папок внутри resources/js, конфигурацию Laravel Mix и т. Д .?
спасибо!

Answer 1

Я сделал это недавно в проекте, где я создал resources/backend/js и resources/frontend/js, где я хотел, чтобы вывод был в public/frontend и public/backend. Я наткнулся на некоторые проблемы с файлом манифеста, но в итоге он заработал.

Вы можете сделать это, создав новый frontend.mix.js и изменив пути вывода на

const mix = require('laravel-mix');

mix.setPublicPath('public/frontend')
    .setResourceRoot('/frontend')

mix.js('resources/frontend/js/app.js', 'public/frontend/js')
    .sass('resources/backend/sass/app.scss', 'public/backend/css')

Вам нужно будет создать несколько новых команд для использования frontend.mix.js

"scripts": {
    "frontend-dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --env.mixfile=frontend.mix --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "frontend-watch": "npm run frontend-dev -- --watch",
}

Внутри исходного файла webpack.mix.js я изменил пути к бэкенду и оставил команды без изменений.

Надеюсь, это поможет вам.