How to reduce bundle size with Webpack?

Questions
5

i do it manually, i have been getting it down to 80kb and less that way.

  1. create a new index, use only what you need, you can go as far as stubbing or mocking objects that three thinks it’s depending on (look around, there are multiple classes that i return as an empty object and if that’s not enough i’ll stub its methods): https://github.com/drcmda/testlighting/blob/faed149a35d44d116b5c30434f26fb3f98b0d07b/src/utils/three.js

  2. alias “three” to this file: https://github.com/drcmda/testlighting/blob/faed149a35d44d116b5c30434f26fb3f98b0d07b/config-overrides.js

it’s not much work and gets you quite some savings.

ultimatively i hope bundle size is something that will become more of a focus. i would normally consider anything over 50kb unacceptable.

5 Likes