Code splitting (webpackChunkName)

[eugene]

Is there a way to enable ‘webpackChunkName’ for code splitting in quasar config?

What I’m doing in my routes is basically trying to put everything that goes under /auth route and all of its children into the same bundle:

export default [
{
path: ‘/auth’,
component: () => import(/* webpackChunkName: “auth” / ‘layouts/auth’),
children: [{
path: ‘login’,
component: () => import(/ webpackChunkName: “auth” */ ‘components/auth/AuthLogin’)
}, {
path: ‘’,
redirect: ‘login’
}]
}
]

After running qusar buiild, I’d expect to see js/auth.41e0cf096add72be2a2e.js bundle created

Thanks!

[eugene]

v 0.15 of course

[tyllo]

needs:

1. remove in .babelrc “comments”: false
2. Change chunkFilename in quasar.conf.js extendWebpack section - like cfg.output.chunkFilename = cfg.output.chunkFilename.replace('[id]', '[name]-[id]')