Почему у Dva весь код находится в файле index.js? Есть ли демо в блоках?
Я посмотрел и обнаружил, что этот пакет находится в одном файле и не разделен?
Загрузить по запросу? Ссылка: 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 }
]
})
webpack:
output: {
path: config.build.assetsRoot,
publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,
filename: '[name].js'
},
Но настройка этого в два не вступает в силу
Разве это не загрузка по запросу?
Нет, он также реализует блочную упаковку.Например, в моей системе есть два маршрута: a, b;
Независимо от доступа к a или b в проекте dva, запрошенные 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 Login = c => require.ensure ([], require => (
app.model (требуется ('./ models / login / loginModel')),
c (null, require ('./ routes / login / Login'))
));
const Main = c => require.ensure ([], require => (
app.model (требуется ('./ models / main / mainModel')),
c (null, require ('./ routes / main / Main'))
));
function interceptPermissions () {
const token = kits.getCookies ('tf-token');
const uid = kits.getCookies ('tf-uid');
if (! uid ||! token) {
app._store.dispatch (routerRedux.replace ('/ логин'))
}
}
возвращаться
getComponent = {(местоположение, обратный вызов) => Main (обратный вызов)}>
`
Он не был реализован, независимо от того, запускается он или строится, весь код выводится в файл index.js
отметка
отметка
отметка
https://github.com/dvajs/dva/tree/master/examples/dynamic-load
Он был удален, где я могу увидеть конфигурацию dva по запросу?Спасибо
отметка
@AlaiNiGests Документ в вашем адресе, я посмотрел, его нельзя использовать на dva 2.x или выше?
Синтаксис response-router 3.x или 4.x?
отметка
Как исходный плакат решил эту проблему? Можете выложить код? Большое спасибо!
Самый полезный комментарий
https://github.com/dvajs/dva-example-user-dashboard/blob/master/src/router.js