Dva: ¿Por qué Dva tiene todo el código en el archivo index.js? ¿Hay una demostración empaquetada en bloques?

Consulte https://github.com/sorrycc/blog/issues/18 , para la biblioteca https://github.com/dvajs/dva-example-user-dashboard

Eché un vistazo y encontré que este paquete está en el mismo archivo y no está separado.

¿Carga bajo demanda? Referencia: https://github.com/dvajs/dva/tree/master/examples/dynamic-load

No carga bajo demanda, sino embalaje en bloque ...

Para descomprimir una entrada, puede probar CommonsChunkPlugin .

El proyecto Vue que escribí, el proyecto Vue se implementa así:
enrutamiento:
const Login = r => require.ensure([], () => r(require('../components/login/Login.vue')), 'user') export default new Router({ mode: 'history', scrollBehavior: () => ({ y: 0 }), routes: [ { name: 'login', path: '/login', component: Login } ] })
paquete web:
output: { path: config.build.assetsRoot, publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath, filename: '[name].js' },
Pero configurar esto en dva no surte efecto

¿No se está cargando a pedido?

No, también implementa el empaquetado de bloques, por ejemplo, hay dos rutas en mi sistema: a, b;
Independientemente de acceder a aob en el proyecto dva, el index.js solicitado; todos contienen el código lógico de a y b;
En el proyecto vue, para acceder a la página a, el js solicitado es a.index.js, y para acceder a la página b, el js solicitado es b.index.js.No son mutuamente inclusivos

https://github.com/dvajs/dva/blob/master/examples/dynamic-load/router.js#L6 -L27
Este párrafo se utiliza para lograr el efecto del proyecto vue que describió.

He visto el código para este enrutamiento dinámico, pero no me he dado cuenta de la idea en el proyecto vue. Mi código actual es así
`const Login = c => require.ensure ([], require => (
app.model (require ('./ models / login / loginModel')),
c (nulo, requiere ('./rutas / login / Login'))
));

const Main = c => require.ensure ([], require => (
app.model (require ('./ models / main / mainModel')),
c (nulo, requiere ('./ rutas / main / Main'))
));

function interceptPermissions () {
token const = kits.getCookies ('tf-token');
const uid = kits.getCookies ('tf-uid');
if (! uid ||! token) {
app._store.dispatch (routerRedux.replace ('/ login'))
}
}

regreso getComponent = {(ubicación, devolución de llamada) => Iniciar sesión (devolución de llamada)} />
onenter = {interceptPermissions ()}
getComponent = {(ubicación, devolución de llamada) => Principal (devolución de llamada)}>




'
No se ha implementado, no importa si se ejecuta start o build, todo el código se envía a un archivo index.js

https://github.com/dvajs/dva-example-user-dashboard/blob/master/src/router.js

Marcos

Marcos

Marcos

https://github.com/dvajs/dva/tree/master/examples/dynamic-load
Se ha eliminado, ¿dónde puedo ver la configuración de dva bajo demanda?Gracias

Marcos

@AlaiNiGuests El documento en su dirección, eché un vistazo, ¿no debería usarse en dva 2.xo superior?
¿Es la sintaxis de react-router 3.xo 4.x?

Marcos

¿Cómo lo resolvió el póster original? ¿Puedes publicar el código? ¡Muchas gracias!