Optimize production builds to reduce size

Register
Submit a solution
The challenge is finished.

Challenge Overview

Currently, production builds are not optimized:

image

We should configure webpack in such a way that npm run build create a minified file. Note, that this application is configured to be a microapp inside a Single SPA application, so it cannot be run as a standalone application. And it has a special custom webpack config which we can extend in https://github.com/topcoder-platform/taas-app/blob/feature/api-integration/webpack.config.js#L3.

Development build should not be minified.

For minifying, we can use the same approach as our Topcoder Community App config https://github.com/topcoder-platform/topcoder-react-lib

  • JS files should be minified
  • CSS should be minified

In this task we only need to optimize the built for the TaaS App. Later we would apply the same approach for the Navbar App.



Final Submission Guidelines

Git issue link: https://github.com/topcoder-platform/taas-app/issues/13

Review style

Final Review

Community Review Board

Approval

User Sign-Off

Challenge links

ID: 30160318