в route.js такая структура
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/category',
component: Category,
children: {
{ path: '', component: CategoryList },
{ path: '/view', component: CategoryView },
{ path: '/edit', component: CategoryEdit },
}
},
{
path: '/post',
component: Post,
children: {
{ path: '', component: PostList },
{ path: '/view', component: PostView },
{ path: '/edit', component: PostEdit },
}
}
]
})
чтобы Post компонент загрузилось отдельно я делаю вот так
const Post= resolve => {
require.ensure(['@/views/post/'], () => {
resolve(
require('@/views/post/')
)
})
}
а как делать чтобы не только Post компонент и ещё его дочерний компоненты тоже с ним вместо загрузилось отдельно? Итак мне нужно чтобы когда заходили в компонент Post, нужно загрузить Post компонент и его дочерний компоненты сразу вместе
require.ensure
можно передать массив строк. Пробовали?['@/views/post/', '@/views/postlist/', '@/views/postedit/']
webpack.js.org/api/module-methods/#require-ensurerequire('@/views/post/')
require.ensure
- я никогда не пользовался. Только что почитал документацию. Почитайте и Вы - поэксперементируйте