Я хочу создать два отдельных vue-приложения, которые будут обслуживаться на двух разных маршрутах в явном приложении: "публичное приложение vue и приложение" admin vue ". Эти два приложения имеют свой собственный маршрутизатор и хранилище, но у них есть много настраиваемых компонентов. Как изменить шаблон webpack по умолчанию, чтобы он выводил два отдельных пакета на основе двух разных точек входа ("public" и "admin")? Цель состоит в том, чтобы в конечном итоге установить более или менее такую настройку:
my-app/
+- ...
+- dist/
| +- admin/ Admin bundle and files
| +- public/ Public bundle and files
+- src/
| +- components/ Shared components
| +- admin/ Entry point, router, store... for the admin app
| +- public/ Entry point, router, store... for the public app
+- ...
Требуется наличие 2-х серверов-разработчиков http://localhost: 8080/admin и http://localhost: 8080/public. Каждый проект должен находиться в собственной папке на расстоянии и иметь собственную публикацию
Что у меня сегодня: созданный файл vue.config.js в корневом каталоге С:
module.exports = {
// tweak internal webpack configuration.
// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
chainWebpack: config => {
// If you wish to remove the standard entry point
config.entryPoints.delete('app')
// then add your own
config.entry('admin')
.add('./src/admin/index.js')
.end()
.entry('public')
.add('./src/public/index.js')
.end()
}
}