在前端开发中,使用node作为运行时环境时,常使用npm与yarn等作为包管理工具.
npm与yarn存在的问题
NPM
对于npm,其核心是有一个package.json和package-lock.json文件用于记录和追踪包版本和依赖。
之前版本的npm的node_modules目录结构是
node_modules
└─ 依赖A
├─ index.js
├─ package.json
└─ node_modules
└─ 依赖B
├─ index.js
└─ package.json
└─ 依赖C
├─ index.js
├─ package.json
└─ node_modules
└─ 依赖B
├─ index.js
└─ package.json
但很明显由于这种会重复安装依赖,还无法共享依赖,现在的版本是这样
node_modules
└─ 依赖A
├─ index.js
├─ package.json
└─ node_modules
└─ 依赖C
├─ index.js
├─ package.json
└─ node_modules
└─ 依赖B
├─ index.js
├─ package.json
└─ node_modules
node_modules下所有的依赖都会平铺到同一层级。由于require寻找包的机制，如果A和C都依赖了B，那么A和C在自己的node_modules中未找到依赖B的时候会向上寻找，并最终在与他们同级的node_modules中找到依赖包B。 这样就不会出现重复下载的情况。而且依赖层级嵌套也不会太深。因为没有重复的下载，所有的A和C都会寻找并依赖于同一个B包。自然也就解决了实例无法共享数据的问题
这种扁平化结构虽然是解决了之前的嵌套问题，但同时也带来了另外一些问题：
-
依赖结构的不确定性 -
扁平化算法的复杂度增加 -
项目中仍然可以非法访问没有声明过的依赖包(幽灵依赖)
yarn的输出格式提示以及下载速度比npm更快.
PNPM
主要是采用硬链接和软链接的方式，提高了安装速度、节约了磁盘空间、避免了“依赖分身（doppelgangers）”和“幻影依赖（Phantom dependencies）”的问题。而且 yarn 支持的：安全、离线模式、更快的速度，pnpm 都支持，而且速度还要更快。
现在一般用的还是npm或者yarn.
最后再介绍一些打包工具.
常用的打包工具有Parcel,Rollup与Webpack,现在也常常使用比较火的Vite,其功能也不仅限于打包.
扫描二维码关注公众号，回复：
15382675 查看本文章
对于应用使用 webpack或者Vite，对于类库使用 Rollup
参考资料
本文由 mdnice 多平台发布