Npm

Brief Intro ：Summarize the process while starting a frontend project and what npm do during after ‘npm start’ and other knowledges related to npm

Install Packages Flow

Lock.json file

解决的主要是 npm install 不确定性问题

• 存在 lock 文件的时候，npm install 生成的 node_modules 目录结构一定完全相同
• 不同在 lock 文件的时候，重新执行一遍 npm install 流程

dependencies

• version：包版本，安装在 node_modules 中的版本
• resolved：包具体安装来源
• integrity：包 hash 值，验证已安装的包是否被改动过，是否已失效源
• requires：对应子依赖的依赖，与子依赖的 package.json 中的 dependencies 依赖项相同
• dependencies：结构和外部 dependencies 结构一样，存储安装在子依赖 node_modules 中的依赖包。并不是所有子依赖都有 dependencies 属性，只有子依赖的依赖和当前已安装在根目录 node_modules 中的依赖冲突后才会有st=>start: npm install e=>end: 生成lock文件 op1=>operation: 检查config op2=>operation: 远程获取包信息 op3=>operation: 构建依赖树 op4=>operation: 下载包资源 op5=>operation: 校验完整性 op6=>operation: 解压到node_modules sub1=>subroutine: 扁平化 sub2=>subroutine: 添加到缓存 cond1=>condition: 是否有lock文件 cond2=>condition: 是否和package.json声明版本不一致 cond3=>condition: 检查是否有缓存 st->op1->cond1 cond1(yes,right)->cond2 cond1(no)->op2 cond2(yes)->op2 cond2(no)->cond3 op2->op3->cond3 cond3(yes,right)->op6 cond3(no)->op4->op5->op6 op6->e{"scale":1,"line-width":2,"line-length":50,"text-margin":10,"font-size":12}