前端包管理工具

1. 前言

本文记录笔者在使用前端包管理工具时的笔记，为后续遇到问题时作为参考使用。

2. 使用策略

2.1 尽量减少全局安装，推荐局部安装

脚手架类的工具，比如：vue cli 、angular cli等，其他工具，比如： webpack等，如果采用全局安装的模式，有可能出现升级后，个别项目构建失败的问题，如果采取本地安装的话，则可以保证各项目在构建时不会受外部环境的影响。本地安装时，使用node_modules/.bin/PACKAGE_NAME、npx PACKAGE_NAME来启动三方库。

3. 常见问题

3.1 npm install 缓慢或者失败问题

为便于分析问题，也可以考虑将 loglevel 设置为verbose或者silly(npm config set loglevel verbose -g)。在问题解决之后，应恢复为notice(npm config set loglevel notice -g)。

3.1.1 修改安装源：

• npm config set registry https://registry.npm.taobao.org（长期生效）
• npm install PACKAGE_NAME --registry https://registry.npm.taobao.org（一次性生效）
• 使用nrm可以更便捷地切换源（推荐）

3.1.2 使用其他的包管理工具

• cnpm
• yarn

3.1.3 配置代理

增加-g为全局模式

• 配置代理

  • npm config set proxy http://username:password@server:port
    • 比如：npm config set proxy http://127.0.0.1 -g
  • npm confit set https-proxy http://username:password@server:port
    • 比如：npm config set https-proxy http://127.0.0.1 -g

• 查看代理

  • npm config get proxy
  • npm config get https-proxy

• 删除代理

  • npm config delete proxy
  • npm config delete https-proxy

3.2 依赖包重新安装后版本不一致的问题

• npm shrinkwrap
• 使用 yarn 替代 npm

4. 参考资料

• npm模块管理器