Parcel: how to make Code Splitting in vue-router?

Created on 13 Mar 2018 · 3Comments · Source: parcel-bundler/parcel

component: () => import('./views/HelloWorld')
not working

Question Vue

Source

chunzj

Most helpful comment

const Index = () => import('./components/Index.vue')
const Profile = () => import('./components/Profile.vue')


const routes = [
    {
        path: '/',
        component: Index
    },

    {
        path: '/profile',
        component: Profile
    }

]

redbulled on 11 Sep 2018

👍3

All 3 comments

You could try https://github.com/airbnb/babel-plugin-dynamic-import-node

FDiskas on 21 Mar 2018

const Index = () => import('./components/Index.vue')
const Profile = () => import('./components/Profile.vue')


const routes = [
    {
        path: '/',
        component: Index
    },

    {
        path: '/profile',
        component: Profile
    }

]

redbulled on 11 Sep 2018

👍3

Should work, gonna close this.