react-app-shell/activity/src/router/lottery-router.js

react打包脚本和example, 这里的版本请忽略

import asyncComponent from './async-component';

// 填写收货地址页面
// import AddressAdd from '../views/lottery/address/address-add';
const AddressAdd = asyncComponent(() =>
  import(/* webpackChunkName:"address-add" */ '../views/lottery/address/address-add')
);

// 查看收货地址页面
// import AddressView from '../views/lottery/address/address-view';
const AddressView = asyncComponent(() =>
  import(/* webpackChunkName:"address-view" */ '../views/lottery/address/address-view')
);

// 查看奖品列表
// import PrizeList from '../views/lottery/prize-list/prize-list';
const PrizeList = asyncComponent(() =>
  import(/* webpackChunkName:"prize-list" */ '../views/lottery/prize-list/prize-list')
);

// 大转盘抽奖活动
// import Lottery from '../views/lottery/';
const Lottery = asyncComponent(() => import(/* webpackChunkName:"lottery" */ '../views/lottery/'));

/**
 * 大转盘活动 路由配置
 * @type {*[]}
 */
const lotteryRouteConfig = [
  {
    name: '奖品列表',
    path: '/lottery/prize/:id',
    key: '/lottery/prize',
    component: PrizeList
  },
  {
    name: '填写收货地址',
    path: '/lottery/address/:id',
    key: '/lottery/address',
    component: AddressAdd
  },
  {
    name: '查看收货地址',
    path: '/lottery/address-view/:id',
    key: '/lottery/addressView',
    component: AddressView
  },
  {
    name: '大转盘',
    path: '/lottery/:id',
    key: '/lottery',
    component: Lottery
  }
];

export default lotteryRouteConfig;