0%
  
    
  
  
  
  
    
    
      
      
      
    
    
      
    
      
    
    
    
    
        一,项目配置文件
- 事实上,我们每一个项目都会有一个对应的配置文件,无论是前端项目还是后端项目
- 这个配置文件会记录着你项目的名称、版本号、项目描述等
 
- 也会记录着你项目所依赖的其他库的信息和依赖库的版本号
 
 
- 这个配置文件在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的区别是什么?
- 它们是等价的
 
- 对于常用的 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 命令

- npm install会检测是有package-lock.json文件
- 没有lock文件
- 分析依赖关系,这是因为我们可能包会依赖其他的包,并且多个包之间会产生相同依赖的情况; 
 
- 从registry仓库中下载压缩包(如果我们设置了镜像,那么会从镜像服务器下载压缩包); 
 
- 获取到压缩包后会对压缩包进行缓存(从npm5开始有的); 
 
- 将压缩包解压到项目的node_modules文件夹中(前面我们讲过,require的查找顺序会在该包下面查找)
 
 
- 有lock文件
- 检测lock中包的版本是否和package.json中一致(会按照semver版本规范检测)
- 不一致,那么会重新构建依赖关系,直接会走顶层的流程
 
 
- 一致的情况下,会去优先查找缓存
- 没有找到,会从registry仓库下载,直接走顶层流程
 
 
- 查找到,会获取缓存中的压缩文件,并且将压缩文件解压到node_modules文件夹中
 
 
 
四,package-lock.json
- name:项目的名称
 
- version:项目的版本
 
- lockfileVersion:lock文件的版本
 
- requires:使用requires来跟着模块的依赖关系
 
- dependencies:项目的依赖
- 当前项目依赖axios,但是axios依赖follow-redireacts;
 
- axios中的属性如下
- version表示实际安装的axios的版本
 
- resolved用来记录下载的地址,registry仓库中的位置
 
- requires记录当前模块的依赖
 
- integrity用来从缓存中获取索引,再通过索引去获取压缩包文件