初始化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
- 初始化package.json
pnpm init -y
- 安装依赖
pnpm i vite @vitejs/plugin-vue -D
- play下创建 vite.config.js