Skip to content

Conversation

brandyscarney
Copy link
Member

@brandyscarney brandyscarney commented Oct 13, 2025

I removed the package-lock files from the Vue and React StackBlitz files in a previous PR because StackBlitz generates this file. However, passing the package-lock file significantly improves the speed of npm install, reducing the time needed for the playgrounds to load. It also ensures that dependencies don't update automatically without a PR review, allowing us to better catch dependency regressions.

The videos below compare loading the badge playground on production and on this PR. On production, it takes nearly a minute to run npm install without a package-lock file, while the playground from this PR's docs link installs in under 10 seconds.

I added the v6 Vue & React files back but the other ones don't work on production. Will need to add them as part of #4213.

Production (no package-lock)

without-package-lock.mov

This PR (with package-lock)

with-package-lock.mov

Copy link

vercel bot commented Oct 13, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
ionic-docs Ready Ready Preview Comment Oct 14, 2025 3:07pm

Copy link
Contributor

@thetaPC thetaPC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@brandyscarney brandyscarney merged commit f2f9305 into main Oct 15, 2025
4 checks passed
@brandyscarney brandyscarney deleted the chore/package-lock branch October 15, 2025 14:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants