Webpack 3 and React.lazy

Asked Dec 09 '18 at 14:37

Active Dec 09 '18 at 14:49

Viewed 182 times

I decided to use React.lazy in my React app (16.6.3) with React Router 4.3.1 for lazy loading with Webpack 3.12.0, but when I used it, I observed huge speed bundling decrease. In other words, now it takes about 7 times slower to rebuilt component than before, it increases a bit every time I add new route (new lazy loaded component).

Does it mean that React.lazy works good only with Webpack 4?

asked Dec 09 '18 at 14:37

turkus

4,637
2
24
28

`React.lazy` has nothing related with bundling. As you use `import()`, it gets your dynamic module. Maybe your problem is with webpack? Is your Lazy Component big? – doniyor2109 Dec 09 '18 at 14:42
@doniyor2109 no, component is not big, but as many I have as slower it works, using lazy. Maybe webpack, that's why I'm asking. – turkus Dec 09 '18 at 14:45
Yes, it seems it is related with Webpack – doniyor2109 Dec 09 '18 at 14:48
But version? Could it be version? – turkus Dec 09 '18 at 14:50
It could be. Because Webpack 4 has very great optimizations. It is 2 times faster than Webpack 3. However I am not sure with your case – doniyor2109 Dec 09 '18 at 14:56

Webpack 3 and React.lazy

0 Answers0