使用router4之后以前的按需加載方法require.ensure 是不好使了。

所以我們改用react-loadable插件做按需加載。

第一步：

yarn add?react-loadable --save-dev

第二步

創(chuàng)建一個 loadable文件 代碼如下：

import React from 'react'; import Loadable from 'react-loadable';export default function withLoadable (comp) {return Loadable({loader:comp,loading:()=>null,delay:0}) }

路由這樣寫

import Bundle from './loadable'; const WrappedNormalLoginForm= Bundle(()=>import('./doLogin/dologin'));···<Route exact path="/" component={WrappedNormalLoginForm}/> ···

?

有不對的地方請多多指正　

轉(zhuǎn)載于:https://www.cnblogs.com/wenbodeboke/p/9883666.html

總結(jié)

以上是生活随笔為你收集整理的react路由按需加载方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。