Dva: Dva에 index.js 파일의 모든 코드가있는 이유는 무엇입니까? 블록으로 패키지 된 데모가 있습니까?

https://github.com/sorrycc/blog/issues/18 , 라이브러리 https://github.com/dvajs/dva-example-user-dashboard를 참조하십시오.

살펴본 결과이 패키지가 같은 파일에 있고 분리되어 있지 않다는 것을 알았습니다.

요청시로드 하시겠습니까? 참조 : https://github.com/dvajs/dva/tree/master/examples/dynamic-load

주문형 로딩이 아니라 블록 패키징 ...

항목의 압축을 풀려면 CommonsChunkPlugin 을 사용해 볼 수 있습니다.

내가 작성한 Vue 프로젝트, Vue 프로젝트는 다음과 같이 구현됩니다.
라우팅 :
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 } ] })
웹팩 :
output: { path: config.build.assetsRoot, publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath, filename: '[name].js' },
그러나 이것을 dva에서 구성하면 효과가 없습니다.

이것은 단지 요청에 따라로드되지 않습니까?

아니요, 블록 패키징도 구현합니다. 예를 들어 내 시스템에는 a, b;
dva 프로젝트에서 a 또는 b에 액세스하는 것과 관계없이 요청 된 index.js는 모두 a와 b의 논리 코드를 포함합니다.
vue 프로젝트에서 페이지 a에 액세스하기 위해 요청 된 js는 a.index.js이고 페이지 b에 액세스하기 위해 요청 된 js는 b.index.js입니다.상호 포용 적이 지 않음

https://github.com/dvajs/dva/blob/master/examples/dynamic-load/router.js#L6 -L27
이 단락은 설명한 vue 프로젝트의 효과를 얻기 위해 사용됩니다.

이 동적 라우팅에 대한 코드를 본 적이 있지만 vue 프로젝트에서 아이디어를 실현하지 못했습니다. 현재 코드는 다음과 같습니다.
`const 로그인 = c => require.ensure ([], require => (
app.model (require ( './ models / login / loginModel')),
c (null, require ( './ routes / login / Login'))
));

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

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

반환 getComponent = {(위치, 콜백) => 로그인 (콜백)} />
onenter = {interceptPermissions ()}
getComponent = {(위치, 콜백) => 메인 (콜백)}>




`
실행 시작 또는 빌드에 관계없이 모든 코드가 index.js 파일로 출력되는 경우 구현되지 않았습니다.

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

표

표

표

https://github.com/dvajs/dva/tree/master/examples/dynamic-load
제거되었습니다. 주문형 dva 구성을 어디에서 볼 수 있습니까?감사합니다

표

@AlaiNiGuests 귀하의 주소에있는 문서를 살펴 보았습니다. dva 2.x 이상에서 사용하면 안됩니까?
react-router 3.x 또는 4.x의 구문이 있습니까?

표

원본 포스터가 어떻게 해결 했나요? 코드를 게시 할 수 있습니까? 감사합니다!