pnpm项目相关知识点

171 阅读1分钟

初始化package.json

    pmpm init -y

.npmrc 文件(npm 的配置文件)

pnpm 通过 CLI接收一堆标识和选项。如果不想一直通过他们,可以在一个.npmrc 文件中定义他们

// 增加配置项(可以扁平化安装幽灵依赖,不需要幽灵依赖可以不配置)
shamefully-hoist = true

幽灵依赖

  • 扁平化安装依赖

当我们用 npm 安装依赖时,他会把所有的依赖和依赖中的所有东西都打包到 node_modules 文件夹下。这种方式就是所谓的“扁平化方式”。

  • 幽灵依赖

(例如)在我们项目中声明的唯一的依赖是 vue,但我们仍然能在我们的项目代码中引用到 @babel 和 @vue 模块 (vue 的依赖)

pnpm-workspace.yaml

这个文件的配置,用来处理工作区

prefer-workspace-packages: true
packages:
    - 'packages/*'
    - 'apps/*'

pnpm 的好处

  • 节省磁盘空间(把依赖安装到.pnpm文件夹中,然后把文件硬链接到项目的node_modules文件夹下面)

  • pnpm CLI 是内置的,很好用

  • pnpm 所有的命令都支持 --filter 标识符。

表示只会为过滤过后的仓库执行这条命令

// 只有根目录依赖和我的网站的依赖会被安装
pnpm install --filter website

初始化ts, 生成配置文件

npx tsc --init

在子package文件目录下(比如packages)生成package.json

  1. 初始化package.json
pnpm init -y
  1. 安装依赖
pnpm i vite @vitejs/plugin-vue -D
  1. play下创建 vite.config.js

目录结构

image.png

参考文章