How can I version the chunk names in remix?

[nabeelpkl]

How can I version the chunk names in remix, so that its different for every release? During every release I want the cache to get revalidated automatically. Is something like this possible in remix?
webpack solution

[alexanderson1993]

Remix already does this for any browser assets, including your JavaScript files and CSS files. You can safely mark those files as "immutable" with cache headers, since their filenames will change every release.

Here's demonstration from one of the Remix Examples that uses Express (the Remix App Server does this for you automatically): https://github.com/remix-run/examples/blob/main/dataloader/server/index.ts#L20

[nabeelpkl]

Thanks @aarjithn @sergiodxa. I was asking this because I am seeing my web app crashes after any major changes are deployed. I have enabled browser caching for 30 mints and cdn caching for 8hrs. App doesnt crash when I disable the caching. Any suggestion to resolve this?

[sergiodxa]

Are you caching the HTML?

[nabeelpkl]

Not yet, but planning to do that as in few cases page is taking time to load.

[aarjithn]

@nabeelpkl If your app crashes, that means the file that is being requested is not present. Check which js file is getting 404, and if that is actually part of the new build. If not, then you are indeed caching the html.

[nabeelpkl]

@sergiodxa @aarjithn I am caching the build folder. The caching is handled from cloudfront which overrides the app caching rules. will this be a reason for the issue?