compiled/minified jsx file is bigger than original file

Question

The original jsx file size is 189k after removing all spaces. The compiled/minified file size js is 217k without any dependencies. I have used all webpack/babel optimization

Answer 1

There are a number of settings you can use in Webpack to get your output size smaller. Looks like you probably have that under control.

However, bundle size will be influenced by how you write your ES6 code and JSX. I compiled a list of tips and tricks for writing more minifiable ES6 code that range from careful selection of ES6 features to optimal JSX structures. I hope that helps