react-vue路由去中心化webpackcontext

自动匹配pages下面的的index.jsx。生成router配置文件。并且支持按需加载。

const routers = [];
const pages = require.context('../pages', true, /index\.jsx$/, 'lazy');

pages.keys().forEach(item => {
    routers.push({
        path: item.slice(1, item.indexOf('index.jsx') -1 ) || '/',
        component: () => pages(item)  // 等价于() => import('xxx.jsx')
    })
});

export default routers

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理