在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ react route 4 按需加載

react route 4 按需加載

使用react-router4的按需加載,按照官方文檔的設(shè)置login 和主頁面進(jìn)行分離,登錄login 的時(shí)候我看了下,bundle.js文件也被加載了,怎么設(shè)置在直接進(jìn)入分離出來的模塊的時(shí)候,不去加載bundle文件

route.js

const Login = (props) => (
    <Bundle load={() => import('./components/login')}>
        {(Login) => <Login {...props} />}
    </Bundle>
)

const Admin = (props) => {
    return (
        <Bundle load={() => import('./components/admin')}>
            {(Admin) => <Admin {...props} />}
        </Bundle>
    )
}
class App extends Component {
    render() {
        return (
            <Switch>
                <Route path="/nest/app" component={Admin} />
                <Route path="/nest/login" exact component={Login} />

                {/* 重定向路由 */}
                {<Redirect from="/nest" to="/nest/app" />}
            </Switch>
        );
    }
}

瀏覽器加載信息

回答
編輯回答
互擼娃

bundle是所有頁面的通用js代碼,不能不加載的,比如react.js庫,你寫的App class都是打包到bundle.js中的。按需加載,指的是按需加載不同route對應(yīng)的代碼,但bundle.js在任何一個(gè)route下都是需要的,當(dāng)然是會被加載的。

2018年8月29日 02:17
編輯回答
任她鬧

好像是require.ensure吧

2017年7月26日 20:59