download json kapok_Kapok

问题描述

项目里大概有一百多个路由

本意是通过react.lazy实现代码切割

但是开发的时候挠破了头

webpack-dev-server编译的时候速度极慢 改个文本都需要大概10s左右

而且诡异的是以下这种情况：

初次启动server 浏览器加载的js数量

修改部分代码热重载后

感觉是一次性加载了所有的切割代码？

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

代码基本如下 就是switch里的路由数量大概是一百多个import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import React, { Suspense, lazy } from 'react';

const Home = lazy(() => import('./routes/Home'));

const About = lazy(() => import('./routes/About'));

const App = () => (

Loading...

}>