A Tasty Treats Podcast for Web Developers.

Ask a Potluck Question →
Wes Bos

Wes Bos

XL5G3 Full Stack JavaScript Developer. Creator of really good web development courses. BBQ enthusiast.

Scott Tolinski

Scott Tolinski

Web Developer, NX2V1, Creator of Level Up Tuts, Bboy, Robotops Crew and Youtuber

Playing: 401: Hasty Treat - How to Setup a PNPM Monorepo



Nov 1st, 2021

Hasty Treat - How to Setup a PNPM Monorepo

👇 Download Show✏️ Edit Show Notes

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 ```jsx 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

Tweet us your tasty treats!