Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Calculate the node_modules size diff and lock-file LOC diff after initing Storybook in sandboxes #29100

Closed
Tracked by #29038
JReinhold opened this issue Sep 11, 2024 · 0 comments
Assignees

Comments

@JReinhold
Copy link
Contributor

JReinhold commented Sep 11, 2024

Steps to reproduce

Each calculation was done via the following steps:

React, Vite, TS, SWC

  1. npm create vite --yes react-vite-baseline -- --template react-swc-ts
  2. cd react-vite-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. git init && git add . && git commit -m "pre-init" - checkpoint to get back to pre-init
  5. du -sh node_modules ➡️ Pre-init node_modules size
  6. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  7. npx [email protected] init -- --skip-install (kill the process if it starts Storybook Dev at the end)
  8. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  9. git add . && git commit -m "post-init 8.3.0-beta.4" - checkpoint to get back to post-init for this version
  10. du -sh node_modules ➡️ Post-init node_modules size
  11. wc -l package-lock.json ➡️ Post-init lock-file LOC

React, Webpack, TS

  1. npm create webpack5-react react-webpack5-baseline
  2. cd react-webpack5-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. git init && git add . && git commit -m "pre-init" - checkpoint to get back to pre-init
  5. du -sh node_modules ➡️ Pre-init node_modules size
  6. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  7. npx [email protected] init -- --skip-install (kill the process if it starts Storybook Dev at the end)
  8. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  9. git add . && git commit -m "post-init 8.3.0-beta.4" - checkpoint to get back to post-init for this version
  10. du -sh node_modules ➡️ Post-init node_modules size
  11. wc -l package-lock.json ➡️ Post-init lock-file LOC

Next.js, TS

  1. npm create next-app nextjs-baseline -- --typescript --no-eslint --no-tailwind --no-import-alias --app --src-dir
  2. cd nextjs-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. du -sh node_modules ➡️ Pre-init node_modules size
  5. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  6. npx [email protected] init -- --skip-install (kill the process if it starts Storybook Dev at the end)
  7. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  8. git add . && git commit -m "post-init 8.3.0-beta.4" - checkpoint to get back to post-init for this version
  9. du -sh node_modules ➡️ Post-init node_modules size
  10. wc -l package-lock.json ➡️ Post-init lock-file LOC

SvelteKit, TS

  1. npm create svelte-with-args -- --name=svelte-kit-baseline--directory=svelte-kit-baseline --template=skeleton --types=typescript --no-prettier --no-eslint --no-playwright --no-vitest --no-svelte5
  2. cd svelte-kit-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. du -sh node_modules ➡️ Pre-init node_modules size
  5. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  6. npx [email protected] init -- --skip-install (kill the process if it starts Storybook Dev at the end) - note the preleases of 8.3.0 cannot be inited because the Svelte CSF addon doesn't support them in its peer deps range.
  7. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  8. git add . && git commit -m "post-init 8.3.0" - checkpoint to get back to post-init for this version
  9. du -sh node_modules ➡️ Post-init node_modules size
  10. wc -l package-lock.json ➡️ Post-init lock-file LOC

Angular

  1. npx -p @angular/cli ng new angular-baseline --directory angular-baseline --routing=true --minimal=true --style=css --strict --skip-git --skip-install --package-manager=npm --ssr
  2. cd angular-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. du -sh node_modules ➡️ Pre-init node_modules size
  5. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  6. npx [email protected] init -- --skip-install - Select Yes to CompoDoc - (kill the process if it starts Storybook Dev at the end)
  7. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  8. git add . && git commit -m "post-init 8.3.0-beta.4" - checkpoint to get back to post-init for this version
  9. du -sh node_modules ➡️ Post-init node_modules size
  10. wc -l package-lock.json ➡️ Post-init lock-file LOC

Vue, TS, VIte

  1. npm create vite vue-baseline -- --template vue-ts
  2. cd vue-baseline
  3. rm -rf node_modules package-lock.json && npm install - ensure clean slate
  4. du -sh node_modules ➡️ Pre-init node_modules size
  5. wc -l package-lock.json ➡️ Pre-init lock-file LOC
  6. npx [email protected] init -- --skip-install - (kill the process if it starts Storybook Dev at the end)
  7. rm -rf node_modules && npm install - ensure clean slate, without .cache etc.
  8. git add . && git commit -m "post-init 8.3.0-beta.4" - checkpoint to get back to post-init for this version
  9. du -sh node_modules ➡️ Post-init node_modules size
  10. wc -l package-lock.json ➡️ Post-init lock-file LOC
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

No branches or pull requests

1 participant