Element Plus 开发调试时如何用 pnpm link 链接本地构建的依赖【免费下载链接】element-plus A Vue.js 3 UI Library made by Element team项目地址: https://gitcode.com/GitHub_Trending/el/element-plus如果你正在本地开发 Element Plus 源码仓库修改组件、修 bug、补充功能并希望自己的业务项目直接引用本地构建出来的 Element Plus而不是 npm 上发布的版本官方开发 FAQdev-faq 的 “Link local dependencies” 一节给出的标准做法是先在 Element Plus 仓库里执行pnpm build生成 dist 产物把该产物注册到 pnpm 的全局node_modules最后在你的目标项目里用pnpm link --global element-plus完成链接。整条路径要求你的环境由 pnpm 管理命令按 FAQ 给出的顺序执行。准备条件按 CONTRIBUTING.md 的 Prerequisites 一节本地开发 Element Plus 需要Node.js 22.13.0仓库说明部分编译产物依赖 Node.js 22.13.0 的特性所以需要该版本或更新版本pnpm 11根目录 package.json 中声明了packageManager: pnpm11.24.0engines 要求node 22.13.0Git 2.20。Element Plus 仓库是 pnpm workspace monorepo见 AGENTS.md。在 Element Plus 仓库根目录安装依赖pnpm install构建本地包pnpm buildCONTRIBUTING.md 说明这条命令会编译将要发布到 npm 的代码。构建产物输出到仓库根目录的dist/dist是生成的输出目录AGENTS.md 明确提示不要手工编辑其中文件。FAQ 的下一步就是要进入dist/element-plus所以构建必须成功完成后才能继续。把本地构建注册到全局 node_modules在 Element Plus 仓库根目录下依次执行cd dist/element-plus # set cur element-plus to global node_modules pnpm link --global # for esm we also need link element-plus for dist pnpm link --global element-plus第一条pnpm link --global把当前这个 element-plus 构建目录注册到 pnpm 的全局node_modules第二条pnpm link --global element-plus是 FAQ 针对 ESM 场景额外要求的一步把 dist 内部的element-plus包名一并链接。命令注释直接来自官方 FAQ 原文保留以说明每一步的作用。在目标项目中链接 element-plus回到你自己的、依赖element-plus的项目目录下面用your-project指代替换为你项目的实际路径cd your-project pnpm link --global element-plus这一步让目标项目把element-plus解析到刚才注册的全局链接也就是你本地的构建产物。FAQ 同时提示pnpm link的更多用法见 pnpm 官方文档的 link 命令说明。验证与排查上述每条命令都应无报错地完成。如果目标项目里的pnpm link --global element-plus执行失败先回到 Element Plus 仓库核对 FAQ 中步骤是否已按顺序执行过pnpm build、cd dist/element-plus、两条pnpm link --global。链接指向的是本地dist/element-plus目录它由源码构建而来。修改本地源码后需要重新执行pnpm build刷新产物目标项目才能用到新的构建结果不要手工改动dist里的文件。开发 Element Plus 仓库时如果遇到依赖相关问题官方 FAQ 给出的处理方式是仅在 Element Plus 仓库根目录执行rm -rf node_modules pnpm i这里rm -rf node_modules会删除 Element Plus 仓库自身的依赖目录并随后重新安装只影响该仓库不会改动你链接目标项目的内容执行前请确认当前目录是 Element Plus 仓库根目录。相关资料docs/en-US/guide/dev-faq.mdLink local dependencies 与依赖问题处理原文CONTRIBUTING.md环境要求与pnpm install/pnpm build说明AGENTS.md仓库结构与常用命令含dist输出目录约定package.jsonpackageManager、engines 与 build 脚本定义【免费下载链接】element-plus A Vue.js 3 UI Library made by Element team项目地址: https://gitcode.com/GitHub_Trending/el/element-plus创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Element Plus 开发调试时如何用 pnpm link 链接本地构建的依赖【免费下载链接】element-plus A Vue.js 3 UI Library made by Element team项目地址: https://gitcode.com/GitHub_Trending/el/element-plus如果你正在本地开发 Element Plus 源码仓库修改组件、修 bug、补充功能并希望自己的业务项目直接引用本地构建出来的 Element Plus而不是 npm 上发布的版本官方开发 FAQdev-faq 的 “Link local dependencies” 一节给出的标准做法是先在 Element Plus 仓库里执行pnpm build生成 dist 产物把该产物注册到 pnpm 的全局node_modules最后在你的目标项目里用pnpm link --global element-plus完成链接。整条路径要求你的环境由 pnpm 管理命令按 FAQ 给出的顺序执行。准备条件按 CONTRIBUTING.md 的 Prerequisites 一节本地开发 Element Plus 需要Node.js 22.13.0仓库说明部分编译产物依赖 Node.js 22.13.0 的特性所以需要该版本或更新版本pnpm 11根目录 package.json 中声明了packageManager: pnpm11.24.0engines 要求node 22.13.0Git 2.20。Element Plus 仓库是 pnpm workspace monorepo见 AGENTS.md。在 Element Plus 仓库根目录安装依赖pnpm install构建本地包pnpm buildCONTRIBUTING.md 说明这条命令会编译将要发布到 npm 的代码。构建产物输出到仓库根目录的dist/dist是生成的输出目录AGENTS.md 明确提示不要手工编辑其中文件。FAQ 的下一步就是要进入dist/element-plus所以构建必须成功完成后才能继续。把本地构建注册到全局 node_modules在 Element Plus 仓库根目录下依次执行cd dist/element-plus # set cur element-plus to global node_modules pnpm link --global # for esm we also need link element-plus for dist pnpm link --global element-plus第一条pnpm link --global把当前这个 element-plus 构建目录注册到 pnpm 的全局node_modules第二条pnpm link --global element-plus是 FAQ 针对 ESM 场景额外要求的一步把 dist 内部的element-plus包名一并链接。命令注释直接来自官方 FAQ 原文保留以说明每一步的作用。在目标项目中链接 element-plus回到你自己的、依赖element-plus的项目目录下面用your-project指代替换为你项目的实际路径cd your-project pnpm link --global element-plus这一步让目标项目把element-plus解析到刚才注册的全局链接也就是你本地的构建产物。FAQ 同时提示pnpm link的更多用法见 pnpm 官方文档的 link 命令说明。验证与排查上述每条命令都应无报错地完成。如果目标项目里的pnpm link --global element-plus执行失败先回到 Element Plus 仓库核对 FAQ 中步骤是否已按顺序执行过pnpm build、cd dist/element-plus、两条pnpm link --global。链接指向的是本地dist/element-plus目录它由源码构建而来。修改本地源码后需要重新执行pnpm build刷新产物目标项目才能用到新的构建结果不要手工改动dist里的文件。开发 Element Plus 仓库时如果遇到依赖相关问题官方 FAQ 给出的处理方式是仅在 Element Plus 仓库根目录执行rm -rf node_modules pnpm i这里rm -rf node_modules会删除 Element Plus 仓库自身的依赖目录并随后重新安装只影响该仓库不会改动你链接目标项目的内容执行前请确认当前目录是 Element Plus 仓库根目录。相关资料docs/en-US/guide/dev-faq.mdLink local dependencies 与依赖问题处理原文CONTRIBUTING.md环境要求与pnpm install/pnpm build说明AGENTS.md仓库结构与常用命令含dist输出目录约定package.jsonpackageManager、engines 与 build 脚本定义【免费下载链接】element-plus A Vue.js 3 UI Library made by Element team项目地址: https://gitcode.com/GitHub_Trending/el/element-plus创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
