Replace Moment.js with a lighter-weight alternative

Moment.js contributes a disproportionately large proportion of our bundle size given its limited actual use in the application. dayjs is an API-compatible replacement that is much smaller, though we would have to confirm it supports the browsers/versions we need. date-fns is another library that, while not API-compatible, has been much-touted recently as a good replacement for Moment.

To evaluate effectiveness at reducing bundle size, you can build a production-like environment with:

$ PROFILE_BUILD=true npm run preview

And then access:

• http://localhost:3000/profile/bundle-analyzer.html
• http://localhost:3000/profile/webpack-visualizer.html

Inizia eseguendo PROFILE_BUILD=true npm run preview e ispeziona le pagine bundle-analyzer.html e webpack-visualizer.html. Poi identifica l’uso attuale di Moment.js e verifica se dayjs o date-fns supportano i browser richiesti. Il lavoro è considerato completato quando Moment.js è stato sostituito con un’alternativa adatta e viene dimostrata una riduzione delle dimensioni del bundle di produzione.