Webpack Warnings when Deploying to Heroku

[UPstartDeveloper]

Hey team.

These are the warnings that came from the last push to Heroku. Can anyone please help us understand what these mean/how to improve based on them?

remote:        WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
remote:        This can impact web performance.
remote:        Assets: 
remote:          leaderboard.js (1.37 MiB)
remote:        
remote:        WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
remote:        Entrypoints:
remote:          frontend (1.37 MiB)
remote:              leaderboard.js
remote:        
remote:        WARNING in webpack performance recommendations: 
remote:        You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
remote:        For more info visit https://webpack.js.org/guides/code-splitting/
remote:        
remote:        webpack 5.1.3 compiled with 3 warnings in 13747 ms

Thanks!

[caocmai]

Yeah, that's for me, I knew that would happen, the same thing happened in my other Djano+React+Heroku project, I haven't looked into the solution yet. It's saying I need to split the React components into smaller chunks or something like that. I wasn't sure if we wanted to keep using React or change to something else like using pure JS.