性能优化页面所有js不要在加载首页时一起加载的解决办法

使用react-loadable
例如想要在加载首页时不要加载详情页的js,办法：

在detail文件夹下新建loadable.js文件

import React from 'react';
import Loadable from 'react-loadable';


const LoadableComponent = Loadable({
  // 此处含义是要加载的是当前目录下的index组件(即详情页对应页面)
  loader: () => import('./'),

  // 此处含义是在加载的过程中显示的是返回的标签
  loading() {
    return <div>正在加载</div>
  }
});

export default () => <LoadableComponent /> 

然后在app.Js入口文件中

import Detail from './pages/detail/lodable'
        <Route path='/detail' exact component={Detail}></Route>

这样就可以实现了