最近将几个项目的包管理器都由 npm 切换为了 pnpm,迁移体验非常棒,算得上是个人体验最好的一次工具迁移。以下是我本人使用 pnpm 的直观感受: 1. 体验优良,依赖安装速度极快,占用磁盘空间小。 2. 上手简单,绝…
与npm 一致,pnpm 也通过 pnpm run 执行脚本,执行以下命令,运行应用: pnpm run dev 运行应用以后,出现报错: 这是一个典型的非法访问幽灵依赖的问题,我们可以在 pnpm-lock.yaml 中检查依赖关系,发现 viewerjs 是 v-viewer 的依赖项,进一步打开 node_modules 目录进行确认。 // node_modules/v-viewer/package.jso...
我们常在项目的 package.json 中定义scripts脚本,比如我们执行pnpm run dev,pnpm 内部会检测到 dev 是一个特殊命令,并执行相关的命令。 js复制代码if(cmd){config.extraEnv={...config.extraEnv,// Follow the behavior of npm by setting it to 'run-script' when running scripts (e.g. pnpm run dev)/...
"dev": "node scripts/dev.js reactivity -f global" 打包命令表明,node的运行指令在 scripts/dev.js,后面跟着的是指令参数.接着创建 scripts文件夹和 dev.js文件,dev.js文件如下 const{resolve}=require("path");const{build}=require("esbuild");//得到打包指令的参数constargs=require("minimist")(process...
pnpm run 复制代码 【9】显示某个包的信息 可以用来查看某个模块的最新版本信息 pnpm info [package] 复制代码 【10】缓存 pnpm cache pnpm cache list // 列出已缓存的每个包 pnpm cache dir // 返回全局缓存位置 pnpm cache clean // 清除缓存
不像npm和yarn,会把所有目录提升到根目录中。导致源代码可以访问未作为依赖项添加到项目中的依赖项。 安装 如何安装pnpm 命令行 管理依赖 pnpm add 安装依赖,默认为生产依赖 pnpm add sax保存到依赖dependence pnpm add -D sax保存到开发依赖(devDependence) ...
pnpm i 启动项目 ## 启动测试环境 pnpm run dev ## 启动生产环境 pnpm run dev:prod 项目构建 ## 构建测试环境 pnpm run build:test ## 构建生产环境 pnpm build 大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
pnpm add -g // 全局安装# 安装项目依赖pnpm install# 构建 packagespnpm build# 运行项目pnpm run dev# 运行 demo 方便开发,会自动打开浏览器pnpm dev:demo --open pnpm remove 包 //移除包 pnpm remove 包 --global //移除全局包 pnpm up //更新所有依赖项 ...
执行npm run build,执行的是所在项目的webpack命令 二、pnpm 1、硬链接和软链接 *文件的拷贝-window:copy foo.js foo_copy.js - macos:cp foo.js foo_copy.js-原文件和拷贝文件没有影响*文件的硬链接-window:mklink /H aaa_hard.js aaa.js
这个时候我们可以通过npm install webpack --save-dev(npm i webpack -D),将它安装到devDependencies属性中 peerDependencies属性 这种表示项目依赖关系是对等依赖,也就是你依赖的一个包,它必须是以另外一个宿主包为前提的; 比如:element-plus依赖于Vue3.x ...