jjzjj

使用 pnpm 管理全栈、多包 monorepo

pnpm中的“p”代表“性能”——哇,它确实提供了性能!我对使用npm感到非常沮丧。似乎越来越慢了。使用越来越多的代码仓库意味着进行更频繁的npm安装。我花了这么多时间坐着等待它完成并思考,一定有更好的方法!然后,在同事的坚持下,我开始使用pnpm并且没有回去。对于大多数新的(甚至是一些旧的)项目,我已经用pnpm替换了npm,我的工作生活也因此变得更好了。虽然我开始使用pnpm是因为它著名的性能(我并没有失望),但我很快发现pnpm具有许多用于工作区的特殊功能,非常适合管理多包monorepo(甚至是多包元repo)。在这篇博文中,我们将通过以下部分探索如何使用pnpm来管理我们的全栈、多包

pnpm简介与mac电脑使用 HomeBrew安装pnpm报错记录fatal: not in a git directory Error: Command failed with exit 128

pnpm简介pnpm(performantnpm)是一个同npm、yarn类似的前端node_module包管理工具,其初衷是节约磁盘空间并提升安装速度。pnpm优势软链接优化依赖管理官网地址:pnpm官网命令对比npmyarnpnpmnpminstallyarnpnpminstallnpminstall包名yarnadd包名pnpmadd包名npmuninstall包名yarnremove包名pnpmremove包名npmrun脚本yarn脚本pnpm脚本安装通过npm安装npminstall-gpnpm通过HomeBrew安装这里我使用的是HomeBrew1.第一步输入命令brewinst

pnpm简介与mac电脑使用 HomeBrew安装pnpm报错记录fatal: not in a git directory Error: Command failed with exit 128

pnpm简介pnpm(performantnpm)是一个同npm、yarn类似的前端node_module包管理工具,其初衷是节约磁盘空间并提升安装速度。pnpm优势软链接优化依赖管理官网地址:pnpm官网命令对比npmyarnpnpmnpminstallyarnpnpminstallnpminstall包名yarnadd包名pnpmadd包名npmuninstall包名yarnremove包名pnpmremove包名npmrun脚本yarn脚本pnpm脚本安装通过npm安装npminstall-gpnpm通过HomeBrew安装这里我使用的是HomeBrew1.第一步输入命令brewinst

pnpm 之降本增效

作者:京东科技 于振京受众简介前端研发工程师还在为npmi安装大量依赖等待时间较长,npm扁平化node_modules依赖版本冲突在苦恼吗,不用苦恼pnpm为你保驾护航主要影响:安装依赖包的过程,假如使用的是npminstall会根据package-lock.json进行软件包的安装,如果没有package-lock.json会根据package.json进行生成并对安装的依赖包扁平化处理,安装依赖包的时长由两个因素导致:1.package.json依赖包的量2.网速运维工程师前端服务器由于部署工程较多,依赖包占用磁盘空间太大,不够用怎么办,还在花钱申请扩容吗,使用pnpm解决你的问题主要影

pnpm 之降本增效

作者:京东科技 于振京受众简介前端研发工程师还在为npmi安装大量依赖等待时间较长,npm扁平化node_modules依赖版本冲突在苦恼吗,不用苦恼pnpm为你保驾护航主要影响:安装依赖包的过程,假如使用的是npminstall会根据package-lock.json进行软件包的安装,如果没有package-lock.json会根据package.json进行生成并对安装的依赖包扁平化处理,安装依赖包的时长由两个因素导致:1.package.json依赖包的量2.网速运维工程师前端服务器由于部署工程较多,依赖包占用磁盘空间太大,不够用怎么办,还在花钱申请扩容吗,使用pnpm解决你的问题主要影

pnpm 基本详细使用(安装、卸载、使用)

一、简介官网地址、GitHub地址、官方安装文档、官方卸载文档。pnpm全称performantnpm,意思为高性能的npm。pnpm由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为最先进的包管理工具。特点:速度快、节约磁盘空间、支持monorepo、安全性高。pnpm相比较于yarn/npm这两个常用的包管理工具在性能上也有了极大的提升,根据目前官方提供的 benchmark 数据可以看出在一些综合场景下比npm/yarn快了大概两倍。node.js兼容情况二、安装通过npm安装$npminstall-gpnpm使用HomeBrew

pnpm 基本详细使用(安装、卸载、使用)

一、简介官网地址、GitHub地址、官方安装文档、官方卸载文档。pnpm全称performantnpm,意思为高性能的npm。pnpm由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为最先进的包管理工具。特点:速度快、节约磁盘空间、支持monorepo、安全性高。pnpm相比较于yarn/npm这两个常用的包管理工具在性能上也有了极大的提升,根据目前官方提供的 benchmark 数据可以看出在一些综合场景下比npm/yarn快了大概两倍。node.js兼容情况二、安装通过npm安装$npminstall-gpnpm使用HomeBrew

Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo

前两篇文章分享了基于vite3vue3的组件库基础工程vue3-component-library-archetype和用于快速创建该工程的工具yyg-cli,但在中大型的企业级项目中,通常会自主搭建这些脚手架或加速器。优雅哥希望每位前端伙伴能知其所以然,故接下来的文章将进入Vue3企业级优雅实战系列,整个系列将包括五大部分:首先会分享如何从0开始搭建一套组件库基础工程,即如何从0实现vue3-component-library-archetype。1组件库工程应该具备的功能在参考ElementPlus、AntDesign、VanUI等Vue3开源UI项目后,优雅哥认为一套企业组件库工程需要具

Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo

前两篇文章分享了基于vite3vue3的组件库基础工程vue3-component-library-archetype和用于快速创建该工程的工具yyg-cli,但在中大型的企业级项目中,通常会自主搭建这些脚手架或加速器。优雅哥希望每位前端伙伴能知其所以然,故接下来的文章将进入Vue3企业级优雅实战系列,整个系列将包括五大部分:首先会分享如何从0开始搭建一套组件库基础工程,即如何从0实现vue3-component-library-archetype。1组件库工程应该具备的功能在参考ElementPlus、AntDesign、VanUI等Vue3开源UI项目后,优雅哥认为一套企业组件库工程需要具

一个实用的 vite + vue3 组件库脚手架工具,提升开发效率

无论是vue2全家桶还是vue3+vite+TypeScript,组件库的使用几乎大家都会,但自己开发一个独立组件库就不是每个人都掌握的,因为搭建组件库的基础开发环境,就会让很多同学望而却步。一个组件库应该至少要包括三个方面:组件库的开发和打包;组件库文档的开发和打包;命令行工具cli快速创建新组件。这几天程序员优雅哥搭建了一个组件库的基础脚手架:vue3-component-library-archetype在这个脚手架的基础上,大家可以使用内置的cli快速创建新组件,按照套路开发组件及文档即可。脚手架很大程度上简化了环境的搭建、打包的配置、类型定义的抽取等工具,开箱即用,大家可以将注意力集