包管理工具

一,项目配置文件

  • 事实上,我们每一个项目都会有一个对应的配置文件,无论是前端项目还是后端项目
    • 这个配置文件会记录着你项目的名称、版本号、项目描述等
    • 也会记录着你项目所依赖的其他库的信息和依赖库的版本号
  • 这个配置文件在Node环境下面(无论是前端还是后端)就是package.json(npm init)

二,常见的属性

  • 必须填写的属性:name、version
    • name是项目的名称
    • version是当前项目的版本号
    • description是描述信息,很多时候是作为项目的基本描述
    • author是作者相关信息(发布时用到)
    • license是开源协议(发布时用到)
  • private属性
    • private属性记录当前的项目是否是私有的
    • 当值为true时,npm是不能发布它的,这是防止私有项目或模块发布出去的方式
  • main属性
    • 设置程序的入口
  • scripts属性
    • scripts属性用于配置一些脚本命令,以键值对的形式存在
    • 配置后我们可以通过 npm run 命令的key来执行这个命令
    • npm start和npm run start的区别是什么?
      1. 它们是等价的
      2. 对于常用的 start、 test、stop、restart可以省略掉run直接通过 npm start等方式运行
  • dependencies属性
    • dependencies属性是指定无论开发环境还是生成环境都需要依赖的包
    • 通常是我们项目实际开发用到的一些库模块
    • 与之对应的是devDependencies
  • devDependencies属性
    • 一些包在生成环境是不需要的,比如webpack、babel等
    • 这个时候我们会通过 npm install webpack –save-dev,将它安装到devDependencies属性中
    • npm的包通常需要遵从semver版本规范
      • X主版本号(major):当你做了不兼容的 API 修改(可能不兼容之前的版本)
      • Y次版本号(minor):当你做了向下兼容的功能性新增(新功能增加,但是兼容之前的版本)
      • Z修订号(patch):当你做了向下兼容的问题修正(没有新功能,修复了之前版本的bug)
    • ^x.y.z:表示x是保持不变的,y和z永远安装最新的版本
    • ~x.y.z:表示x和y保持不变的,z永远安装最新的版本
  • engines属性
    • engines属性用于指定Node和NPM的版本号
    • 在安装的过程中,会先检查对应的引擎版本,如果不符合就会报错
    • 事实上也可以指定所在的操作系统 “os” : [ “darwin”, “linux” ],只是很少用到
  • browserslist属性
    • 用于配置打包后的JavaScript浏览器的兼容情况,参考
    • 否则我们需要手动的添加polyfills来让支持某些语法
    • 也就是说它是为webpack等打包工具服务的一个属性(这里不是详细讲解webpack等工具的工作原理,所以 不再给出详情)

三,npm install 命令

image-20210919163733316

  • npm install会检测是有package-lock.json文件
    • 没有lock文件
      1. 分析依赖关系,这是因为我们可能包会依赖其他的包,并且多个包之间会产生相同依赖的情况;
      2. 从registry仓库中下载压缩包(如果我们设置了镜像,那么会从镜像服务器下载压缩包);
      3. 获取到压缩包后会对压缩包进行缓存(从npm5开始有的);
      4. 将压缩包解压到项目的node_modules文件夹中(前面我们讲过,require的查找顺序会在该包下面查找)
    • 有lock文件
      1. 检测lock中包的版本是否和package.json中一致(会按照semver版本规范检测)
        • 不一致,那么会重新构建依赖关系,直接会走顶层的流程
      2. 一致的情况下,会去优先查找缓存
        • 没有找到,会从registry仓库下载,直接走顶层流程
      3. 查找到,会获取缓存中的压缩文件,并且将压缩文件解压到node_modules文件夹中

四,package-lock.json

  • name:项目的名称
  • version:项目的版本
  • lockfileVersion:lock文件的版本
  • requires:使用requires来跟着模块的依赖关系
  • dependencies:项目的依赖
    • 当前项目依赖axios,但是axios依赖follow-redireacts;
    • axios中的属性如下
      1. version表示实际安装的axios的版本
      2. resolved用来记录下载的地址,registry仓库中的位置
      3. requires记录当前模块的依赖
      4. integrity用来从缓存中获取索引,再通过索引去获取压缩包文件