Too big size of production build about pricing-page

[xiahengchen]

Hello @iksent, We're happy to inform you that we have found the reason why you are facing above issue. The issue was related to yarn install. Our team is almost using npm install, not yarn install and npm install is installing all above packages as default what you mentioned. In terms of this issue, we added them to package.json and so you can check the changes on this branch. Thanks for your feedback. :)

[vovafeldman]

Hey @iksent, I did a quick look and found out that FontAwesome is entirely compiled with the app, so that's something that can be definitely replaced/optimized. Please note that it will take us some time to get to it.

[vovafeldman]

Hey @iksent, kindly try this branch optimized for production by our senior ReactJS developer, @xiahengchen, and let me know how it goes (the compiled version should be less than 400Kb now).

[iksent]

Hello @vovafeldman, @xiahengchen!

Tried to build "feature/optimize-performance" branch, but got the errors like:

ERROR in ./src/components/FreemiusPricingMain.js
Module not found: Error: Can't resolve 'css-loader' in 'C:\Programming\freemius-pricing-page'
 @ ./src/components/FreemiusPricingMain.js 4:0-35
 @ ./src/index.js

Due to "style-loader", "css-loader", "sass-loader" and "file-loader" are not exist in package.json

When I added them to the project by myself, then I got 340kb for freemius-pricing.js - this is a good result, I think.

[xiahengchen]

Hello @iksent
We appreciate your feedback. But as you know, when you create your React app, you can see dependencies something like "style-loader", "css-loader" and "file-loader" as default in your node_modules folder. That's why we didn't include these packages in our package.json. Please let me know if you still have any problems on your end. Thanks.

[iksent]

My opinion is that when you clone some repository everything should work after git clone and yarn install.
I see no reason not to add dependencies to your package.json