npm使用记录三

1.更新包

通常，我们使用npm update命令更新一个包。那如果要同时更新所有的包呢？就要使用ncu命令了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

## 查询那些包过期了,前提是能连接到npm住服务器，我到是不行的，尝试了很多次，都不行，连接不到npm服务器
npm -g outdated

## 指定层级
npm -g outdated --parseable --depth=0

## 使用ncu
npm install -g npm-check-updates
## 检查
ncu 
## or
npm-check-updates
## 更新全部
ncu -u

## or npm-check
npm install -g npm-check

## 查看全局安装包
npm list -g --depth 0

3.primordials is not defined

在安装mxGraph-editor的时候，出现了：primordials is not defined.

解决方法：这个问题原因时node版本过高或者gulp版本过低，可以回退node版本到11.15以下，或者升级gulp版本到4以上。接下来介绍的是不需要回退node版本或者升级gulp的方法：

4.building for production…Killed

服务器上执行npm run build，没有生成任何结果输出，直接就killed了。

原因是因为内存不够用了。

解决办法：等会，等会。

5.调试开发包里面的代码

有时候需要修改npm安装的包里面的源码，可以直接修改 dist 目录下的源码，而不是src目录下的源码。当然也可以使用src目录下的文件。

1
2
3
4
5
6
7

// 正确
import {stylefunction} from 'ol-mapbox-style';
// or
import {stylefunction} from '/node_modules/ol-mapbox-style/dist';

// 错误
import {stylefunction} from '/node_modules/ol-mapbox-style/src/stylefunction.js';

注意，还有一种方式无法生效，就是我实际修改的是 src 目录的文件，但是在 dev 的时候，引用的却是 .pnpm 目录下的包的源码,这个问题非常的纳闷，我改过了源码，但是总是无法生效。

【尝试】
1.我尝试在构建的时候，添加了 vite –force 选项，还是无济于事，我只能从 “import {stylefunction} from ‘ol-mapbox-style’;” 和 “import {stylefunction} from ‘/node_modules/ol-mapbox-style/dist’;” 两者来回的切换，以便使自己在 stylefunction 中进行的改变生效。但是有时候也并不是总是有用。
2.我尝试删除了 .vite 文件夹，还是不行。
3.我删除了 node_modules 文件夹下的 .pnpm 文件夹，也无济于事。
4.我禁用了浏览器的的 Network 缓存。

【解决方案】
重启:pnpm dev，但是这个方法还是有待商榷的。

经过尝试，步骤应该是这个样子的，要想让 node_modules 开发包中的代码修改后生效。
(1) 禁用浏览器 Network 面板的缓存。
(2) 修改 ol-mapbox-style 包下的dist文件夹下的 indes.js 文件。
(3) 使用pnpm dev, 重启 vite 服务器