Как разделить код для фронта и админки в одном VUE проекте?

Question

[Владимир]

Не хочу чтобы использовался один бандл и для клиентской части и для админской. В то же время, css хочется иметь один и тот же. Как-то можно указать, что конкретный шаблон не должен пойти в общий бандл? Или проще все таки делать 2 параллельных проекта?

Comments

[Stanislav]

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Signin',
      component: Signin
    },
    {
      path: '/signup',
      name: 'Signup',
      component: Signup
    },
  ],
});

Answer 1

[Антон Антон]

Если использовать асинхронный синтаксис у роутера, то по дефолту вебпак порубит на бандлы как надо:
https://router.vuejs.org/ru/guide/advanced/lazy-lo...
например:

const routes = [
  {
    name: 'index',
    path: '/',
    component: () => import('Index.vue'),
  },
  {
    name: 'test',
    path: '/test',
    component: () => import('Test.vue'),
  },

]

Comments

[Владимир]

Спасибо, вроде подходит

[Сергей delphinpro]

Владимир, https://yandex.ru/search/?text=webpack%20магически...