Laravel & Vue - отдельные ресурсы для администратора и публичной страницы

Question

Я новичок в Vue, но мне действительно это нравится.Сейчас у меня есть своя собственная CMS на основе Laravel.Я хочу построить новую CMS как SPA в Vue.Но одна вещь мне не ясна.Как я должен разделить активы для внешнего интерфейса и администратора?Например, я хотел бы иметь папку COMPONENTS с другой папкой ADMIN - там будут только компоненты администратора.Я также не хочу, чтобы webpack собирал все вместе.Я думал о решении, как о наличии нескольких команд webpack:

npm run dev
npm run dev admin

Но, возможно, я совершенно не прав ...

Answer 1

Если вы хотите иметь 2 разные команды - вам просто нужно указать разные файлы конфигурации для опции webpack --config, например: package.json

{  
   "scripts": {
   "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
   "dev-admin": "webpack-dev-server --inline --progress --config build/webpack.dev-admin.conf.js",
   }
}

Другой вариант - использовать несколько страниц веб-пакетавариант.Это позволит вам создать 2 входных файла .js и все фрагменты для обоих ваших приложений.

Посмотрите здесь: https://webpack.js.org/concepts/entry-points/#multi-page-application

А если вы используете Vue-cli -https://cli.vuejs.org/config/#pages