Tag

pnpm

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 21, 2025 · Frontend Development

Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development

This article explains the evolution of JavaScript package managers, the shortcomings of npm and Yarn such as duplicated installations, phantom dependencies and unpredictable dependency trees, and demonstrates how pnpm’s content‑addressable store, hard‑link and symlink strategy provides faster installs, reduced disk usage, and more reliable dependency isolation for frontend projects.

YARNdependency managementfrontend development
0 likes · 22 min read
Understanding pnpm: Solving Dependency Management Issues in Modern Frontend Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 14, 2025 · Backend Development

Understanding npm, Yarn, and pnpm: Dependency Management, Flat Dependencies, and pnpm's Store Mechanism

This article examines the evolution of JavaScript package managers—from npm's nested node_modules structure to Yarn's flat dependencies and finally pnpm's global store with hard‑ and soft‑link mechanisms—highlighting how each approach addresses path length, disk‑space waste, installation speed, and ghost‑dependency issues.

Node.jsYARNdependency management
0 likes · 8 min read
Understanding npm, Yarn, and pnpm: Dependency Management, Flat Dependencies, and pnpm's Store Mechanism
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 22, 2024 · Frontend Development

Monorepo vs Multirepo: Concepts, Tools, and Step‑by‑Step Setup with pnpm Workspaces

This article explains the differences between Monorepo and Multirepo architectures, reviews popular Monorepo tools, and provides a detailed step‑by‑step guide to building a Vue‑based Monorepo project using pnpm Workspaces, including workspace configuration, shared package creation, and dependency management.

MonorepoMultirepoPackage Management
0 likes · 9 min read
Monorepo vs Multirepo: Concepts, Tools, and Step‑by‑Step Setup with pnpm Workspaces
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 15, 2024 · Frontend Development

Step-by-Step Guide to Setting Up an Electron Project and Creating the First Window

This tutorial walks readers through installing Node.js and pnpm, configuring .npmrc, initializing a package.json, installing Electron, creating a simple main.js and index.html, and launching the first Electron window while providing tips on version management and common network issues.

ElectronJavaScriptNode.js
0 likes · 6 min read
Step-by-Step Guide to Setting Up an Electron Project and Creating the First Window
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 27, 2024 · Fundamentals

Understanding pnpm: High‑Performance npm, Monorepo Support, and Practical Usage Guide

This article explains what pnpm is, how it saves disk space and speeds up installations using hard links and symlinks, introduces the monorepo development model and its relationship with package managers, and provides step‑by‑step instructions for installing pnpm, configuring workspaces, and managing dependencies in a monorepo setup.

MonorepoNode.jsfrontend
0 likes · 12 min read
Understanding pnpm: High‑Performance npm, Monorepo Support, and Practical Usage Guide
Architecture Digest
Architecture Digest
Apr 25, 2024 · Frontend Development

Douyin Open-Source Short Video Project – Overview and Setup Guide

This article introduces the Douyin open‑source short‑video project built with Vue and Vite, provides a free book giveaway link, and gives step‑by‑step instructions for installing Node, cloning the repository, installing dependencies with pnpm, and running the application locally.

Open-sourceVuefrontend
0 likes · 3 min read
Douyin Open-Source Short Video Project – Overview and Setup Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 6, 2024 · Frontend Development

Building a Monorepo-Style Node.js CLI Scaffolding Tool for Frontend Projects

This comprehensive tutorial walks you through creating a Node.js command‑line scaffolding tool that uses yargs for argument parsing, inquirer for interactive prompts, copy‑dir for file operations, mustache for dynamic templates, and pnpm with ora for automated dependency installation, all organized in a monorepo structure.

MonorepoMustacheNode.js
0 likes · 30 min read
Building a Monorepo-Style Node.js CLI Scaffolding Tool for Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 15, 2024 · Frontend Development

Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo

This article explains how to create a shared Tailwind CSS configuration package in a Turborepo monorepo using pnpm, detailing directory layout, package setup, dependency installation, configuration files, and both compiled and non‑compiled usage scenarios to avoid duplicated config across multiple packages.

MonorepoTailwindCSSTurborepo
0 likes · 7 min read
Sharing Tailwind CSS Configuration Across Packages in a Turborepo Monorepo
Architect
Architect
Dec 7, 2023 · Backend Development

Engineering Evolution and Optimization of Tencent Docs Microservice Gateway

This article analyzes the existing issues of the Tencent Docs web‑gateway, explains why dependency versions and monorepo structure caused resource exhaustion, and details a series of engineering improvements using pnpm workspace, custom Docker contexts, lock‑file hooks, and soft‑link strategies to achieve a clean, reproducible build pipeline.

DockerMonorepobuild optimization
0 likes · 22 min read
Engineering Evolution and Optimization of Tencent Docs Microservice Gateway
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 19, 2023 · Frontend Development

Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment

This article explains how to combine Monorepo and micro‑frontend architectures using pnpm and Micro‑App, covering the concepts, technical selections, step‑by‑step setup of base and child applications, shared modules, configuration, code standards, mock services, Docker/Nginx deployment, and best practices for frontend development.

DockerMonorepofrontend
0 likes · 35 min read
Integrating Monorepo with Micro‑Frontend Using pnpm and Micro‑App: Architecture, Implementation, and Deployment
Architect's Guide
Architect's Guide
Sep 27, 2023 · Frontend Development

Agora Flat Open Source Classroom: Features, Installation, and Usage Guide

The article introduces Agora Flat, an open‑source interactive classroom platform with real‑time audio/video, whiteboard, and screen sharing, outlines its key features, and provides step‑by‑step installation and build instructions for both Electron and Web clients using pnpm.

ElectronOpen-sourceReal-time Collaboration
0 likes · 4 min read
Agora Flat Open Source Classroom: Features, Installation, and Usage Guide
360 Tech Engineering
360 Tech Engineering
Aug 23, 2023 · Frontend Development

Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices

This article describes how a team consolidated six PC and H5 projects by adopting a micro‑frontend architecture based on MonoRepo and Qiankun, evaluates popular micro‑frontend solutions, explains the chosen technology stack, outlines step‑by‑step implementation details, and shares the problems encountered and their resolutions.

JavaScriptMonorepofrontend architecture
0 likes · 8 min read
Micro‑Frontend Architecture with MonoRepo and Qiankun: Design, Technology Selection, and Implementation Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 22, 2023 · Operations

Containerizing Frontend Build Process with Docker: A Practical Guide

This article explains how to move frontend project build steps into Docker containers, addressing version‑conflict and npm‑cache issues by creating dedicated node‑pnpm images, configuring Jenkins to run builds inside isolated containers, and mapping workspace paths for seamless artifact handling.

CI/CDContainerizationDocker
0 likes · 13 min read
Containerizing Frontend Build Process with Docker: A Practical Guide
TAL Education Technology
TAL Education Technology
Jul 27, 2023 · Backend Development

Monorepo Best Practices: Implementing pnpm Workspaces and Changesets

This guide explains why pnpm is preferred for monorepo projects, outlines the advantages and disadvantages of monorepos, and provides step‑by‑step instructions for setting up pnpm workspaces, configuring scripts, managing dependencies, building packages, and using Changesets for versioning and publishing.

ChangeSetsMonorepoPackage Management
0 likes · 14 min read
Monorepo Best Practices: Implementing pnpm Workspaces and Changesets
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 6, 2023 · Backend Development

Monorepo Overview, Evolution, Pros & Cons, Pitfalls, and Tool Selection

This article explains what a monorepo is, traces its evolution from single‑repo monoliths to multi‑repo and back to a single repository with many modules, compares its advantages and disadvantages, lists common pitfalls, and evaluates major tooling options such as Turborepo, Rush, Nx, Lerna, Yarn and pnpm for different project sizes.

LernaMonorepoNx
0 likes · 21 min read
Monorepo Overview, Evolution, Pros & Cons, Pitfalls, and Tool Selection
TAL Education Technology
TAL Education Technology
Apr 6, 2023 · Backend Development

Summary of npm, Yarn, and pnpm Package Managers

This article reviews the evolution of Node.js package managers—from npm2's nested dependencies to Yarn's flat model, npm3's symlink approach, and pnpm's content‑addressable store—highlighting their installation commands, advantages, drawbacks, and impact on disk usage and dependency management.

Node.jsYARNdependency management
0 likes · 11 min read
Summary of npm, Yarn, and pnpm Package Managers
ByteFE
ByteFE
Mar 6, 2023 · Frontend Development

Deep Dive into npm, Yarn, and pnpm Dependency Management

This article explains how npm, Yarn, and pnpm manage JavaScript dependencies, detailing installation processes, flat vs nested node_modules structures, lock files, and the hard-link mechanism that improves speed and saves disk space.

YARNdependency managementfrontend development
0 likes · 16 min read
Deep Dive into npm, Yarn, and pnpm Dependency Management
TAL Education Technology
TAL Education Technology
Mar 2, 2023 · Backend Development

Exploring pnpm: A High‑Performance Package Manager for Node.js

This article introduces pnpm, compares it with npm and yarn, explains the problems of nested node_modules such as ghost dependencies and split packages, and demonstrates pnpm’s link‑based architecture, advantages, and basic command usage for efficient JavaScript project management.

MonorepoNode.jsYARN
0 likes · 6 min read
Exploring pnpm: A High‑Performance Package Manager for Node.js