How to disable lazy loading on specific environment [React]

Question

i am working on a React project , previously i implemented code splitting on this project with React.Lazy feature on navigation routes. Currently it is hard to debug on this chunk files. I need to disable this lazy load on dev env so we can debug on source-map again. Is there anyway that React.lazy load like normal import statement ?

lazy.lizard · Accepted Answer · 2021-12-06 12:31:00Z

-1

I suppose you should refer to Environment Variables from React docs, and use something like

if (process.env.NODE_ENV === 'production') {
// code or components with lazy loads
} else {
// no lazy loads for debugging 
}

answered Dec 6, 2021 at 12:31

lazy.lizard

9296 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Necati Sarhanlı Over a year ago

this was my first approach ,it actually works but we have good amount of navigation and pages , i am looking for more generic solution , i also tried to write a function to handle all of this conditional stuff but it didn't work.

Collectives™ on Stack Overflow

How to disable lazy loading on specific environment [React]

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related