CI build inconsistency

[AXeL-dev]

Some artifacts on CI build weirdly doesn't match with manually built artifacts (& more exactly the static/*.chunk.js file).

You can use a tool like Meld to do the comparison (keep in mind that you might need to unminify minified js files to get readable/viewable results).

#needs_deep_investigation

[AXeL-dev]

bcrypt js issue seems to be fixed + bundle size reduced, but the static/*.chunk.js file still contains different bundled code from the one built on local env. (which makes no sense for now.. so, does a dependency includes/injects different code depending on the environment?)

[AXeL-dev]

it seems like this issue might be related to webpack 🤔 .

Edit:

Also check:

• WebPack. Different assets’ hashes on different machines.
• Support for long-term caching based on generated content, not source files for chunkhash webpack/webpack#7787
• Chunk hash are not consistent on different machines webpack/webpack#2215

Hash issue seems to be fixed on webpack 5 (still need to wait for an official support of this version from the create react app team).

[AXeL-dev]

Stills those different files on build artifacts (see the screenshot):

The most of file diffs seems to be related to evergreen-ui core components, so we might need to upgrade evergreen to next 6.x version once it get released. (or to open an issue on their repo & ask for help 👀)