React 路由懒加载

最新推荐文章于 2023-12-04 11:57:29 发布

辅助辅助助辅

最新推荐文章于 2023-12-04 11:57:29 发布

阅读量116

点赞数

分类专栏： React 文章标签： React 路由懒加载

本文链接：https://blog.csdn.net/qq_40924034/article/details/103474190

版权

React 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

// 相关链接 https://www.npmjs.com/package/react-loadable
// utils loader.jsx
import React from 'react'
import Loadable from 'react-loadable';
 
const Loading = () => <div> 加载中... </div>  // 加载中...
export default (loader, loading = Loading) => {	
    return Loadable({
        loader: loader,
        loading,
      });
}

/*
	const LoadableComponent = Loadable({
	  loader: () => import('./my-component'),
	  loading: Loading,
	}); 
*/

// route.js
import loader from '@/utils/loader'   // 懒加载
const App = loader(() => import('@/pages/app'))