fix problem with route chunk names (#1461)

This commit is contained in:
Pooya Parsa 2017-08-25 01:36:56 +04:30
parent b48b2c5e6d
commit cafc94d9f9
2 changed files with 3 additions and 2 deletions

View File

@ -8,7 +8,7 @@ function recursiveRoutes(routes, tab, components) {
let res = '' let res = ''
routes.forEach((route, i) => { routes.forEach((route, i) => {
route._name = '_' + hash(route.component) route._name = '_' + hash(route.component)
components.push({ _name: route._name, component: route.component, name: route.name }) components.push({ _name: route._name, component: route.component, name: route.name, chunkName: route.chunkName })
res += tab + '{\n' res += tab + '{\n'
res += tab + '\tpath: ' + JSON.stringify(route.path) + ',\n' res += tab + '\tpath: ' + JSON.stringify(route.path) + ',\n'
res += tab + '\tcomponent: ' + route._name res += tab + '\tcomponent: ' + route._name
@ -20,7 +20,7 @@ function recursiveRoutes(routes, tab, components) {
} }
const _components = [] const _components = []
const _routes = recursiveRoutes(router.routes, '\t\t', _components) const _routes = recursiveRoutes(router.routes, '\t\t', _components)
uniqBy(_components, '_name').forEach((route) => { %>const <%= route._name %> = () => import('<%= relativeToBuild(route.component) %>' /* webpackChunkName: "<%= wChunk('pages/' + route.name) %>" */).then(m => m.default || m) uniqBy(_components, '_name').forEach((route) => { %>const <%= route._name %> = () => import('<%= relativeToBuild(route.component) %>' /* webpackChunkName: "<%= wChunk('pages/' + route.chunkName) %>" */).then(m => m.default || m)
<% }) %> <% }) %>
<% if (router.scrollBehavior) { %> <% if (router.scrollBehavior) { %>

View File

@ -216,6 +216,7 @@ export function createRoutes (files, srcDir) {
keys.forEach((key, i) => { keys.forEach((key, i) => {
route.name = route.name ? route.name + '-' + key.replace('_', '') : key.replace('_', '') route.name = route.name ? route.name + '-' + key.replace('_', '') : key.replace('_', '')
route.name += (key === '_') ? 'all' : '' route.name += (key === '_') ? 'all' : ''
route.chunkName = route.name
let child = _.find(parent, { name: route.name }) let child = _.find(parent, { name: route.name })
if (child) { if (child) {
if (!child.children) { if (!child.children) {