Skip to main content

配合nvm全局共享依赖

前言​

首先众所周知nodejs的版本更新非常频繁，导致社区上对应的npm和包的更新也是非常频繁，同一段时间不同的项目可以已经是用两个不同的node版本和不同的包版本，所以通过nvm来管理node版本成了所有node开发者的必备技能然而，在使用 nvm 的过程中会遇到一些问题：

1.全局依赖在不同版本的node中被多次安装 2.全局缓存在不同版本的node中越来越大 3.全局依赖配置重复操作，到最后都不知道哪个是哪个了 4…

以上问题都可以通过npm的全局配置文件来解决，无聊nvm怎么切换版本，所有的npm、yarn、pnpm都会读取一次用户文件夹的配置文件，通过配置文件我们可以重新定义每次软件包安装的目录和全局查找依赖时的目录，就可以达到多版本npm共享全局依赖的目的。

1、配置全局.npmrc文件​

打开配置文件​

# C:\Users\用户名\.npmrc
start $Env:HOMEPATH\.npmrc

配置全局缓存路径​

以本人为例，将npm、yarn、pnpm等以后所有包管理工具的缓存都放到d:\cache\npm中

配置cache字段为d:\cache\npm：

# .npmrc
cache=d:\cache\npm

配置全局依赖安装路径（node_modules)​

配置字段prefix为d:\cache\prefix即可，之后的所有依赖均会安装到d:\cache\prefix中

# .npmrc
prefix=d:\cache\prefix

之后所有包安装后真实路径都存放到d:\cache\prefix中，同时要将d:\cache\prefix添加到环境变量中

2、添加环境变量​

  • 添加d:\cache\prefix到Path
  • 添加名为NODE_PATH的环境变量，值为D:\cache\prefix\node_modules

3、将以前的cache文件拷贝到新路径​

默认的cache目录：

$Env:LOCALAPPDATA+"\npm-cache"

start "$Env:LOCALAPPDATA\npm-cache"
xcopy "./node_modules/tdesign-vue-next/es/collapse" "./node_modules/tdesign-vue-next/es/collapse-panel" /i /d /c /v /s /y /f

一键配置脚本​

powershell​


参阅文献​