Thanks for the reply.The gzip compression is there in the server.So 7mb file got reduced to 1.6mb which is really cool.But the main file size is of 7mb which is really shocking.So I tried for the chunking but I guess I am not doing it in the right way,So it is not happening.Let me try again and if nothing happened then will again ask for help.

@deviantony The styling of writing is okay for Material-ui and I also did the same but what to do for React-router and React-mdl.There i need to use the shorthand notation right ? Or is there any other way to do this.

@deviantony I tried the bundle-size-analyser but it gave you the report of size before the build of bundle.js.But interestingly the size with the analyser gave me around 2Mb which is really acceptable as in the server it again zipped.So that will work for me.But the size is too large 10Mb i can't believe it.Let me try with style you mentioned for react-mdl.

I used only those components which are required but still it minimized the size to only by 1Mb. For code splitting in webpack I don't want to use System.import.So @sunnysingh can you tell me what to use and give a simple and proper example of doing this or any reference to do it.

This is called Object Initializer shorthand.So Gauge is key inside the main gauge.js.So it will help you in writing Gauge directly. If you have written import Emil from './gauge.js/dist/gauge.js' then to use that you need to write Emil.Gauge which is lessened by using the shorthand notation.

I already tried this one.But one interesting thing is while running in production mode along with UglifyJs it's size getting more than the normal one which one is very shocking. I used Material-UI and React-Mdl also.So is it the reason for the increased size.?