Hasty Treat - How to Setup a PNPM Monorepo

22:48
 
Share
 

Manage episode 306017363 series 1469447
By Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers. Discovered by Player FM and our community — copyright is owned by the publisher, not Player FM, and audio is streamed directly from their servers. Hit the Subscribe button to track updates in Player FM, or paste the feed URL into other podcast apps.

In this Hasty Treat, Scott and Wes talk about PNPM and monorepos!

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

4:40 - What is pnpm?

08:30 - Why monorepo?

  • Internal packages all in one place
  • Forks and custom packages easier
  • Commands that control everything at once

10:33 - Workspaces

  • Not exclusive to pnpm
  • Yarn, npm, pnpm all have them now
    • Different syntax
packages: - "packages/**"

12:48 - How it works in practice

  • All commands run through root
  • Use in host, hook up my monorepo to render run commands
  • Filter and recursive
  • "install:all": "pnpm recursive install",
  • "clean": "pnpm recursive exec -- rm -rf node_modules; rm shrinkwrap.yaml; rm -rf node_modules",
  • "ui:dev": "pnpm recursive run dev --filter @leveluptuts/ui",

16:35 - Using submodules

Links Tweet us your tasty treats!

465 episodes