npm的package.json文件

亦凉 2024-04-23 12:33 27阅读 0赞

## package.json文件简介 ##

[https://docs.npmjs.com/about-packages-and-modules][https_docs.npmjs.com_about-packages-and-modules]  
[https://docs.npmjs.com/creating-a-package-json-file][https_docs.npmjs.com_creating-a-package-json-file]

npm的package.json文件描述了一个包（package ）。一个包是一个文件或者一个目录。一个包必须包含一个package.json文件。package.json文件包含了项目对其它包的依赖。将自己的项目上传到npm库的时候，就不要把依赖的其它包打包进去；别人用npm安装包的时候，就可以从package.json文件中找到依赖的其它包自动下载。

## 使用npm init命令创建一个初始化的package.json文件 ##

例如，我现在的项目目录是空的：  
![在这里插入图片描述][61eb7788c0ce48698dfc7d49ebf91558.png]

在cmd窗口，切换到目录下面：  
![在这里插入图片描述][6132c8448ae04272941649c69bd2e73c.png]

执行npm init命令：  
![在这里插入图片描述][0978f6d84e924052a11ba0f67ce9118a.png]

到项目目录下，可以看到，已经生成了一个package.json文件：  
![在这里插入图片描述][3a82d3479f5342c6ada912bab038f811.png]

打开package.json文件文件，看看里边的内容：  
![在这里插入图片描述][4e19f92276ef4daab5a3715bda09a566.png]

其中name和version字段是必须的。  
name存放着包名，包名必须是小写字母，且只能是一个单词，其中可以包含连字符和下划线。  
version字段存放着版本号，格式必须是x.x.x。  
author字段存放着作者信息，利用下面格式：`Your Name <email@example.com> (http://example.com)`。其中email 和website 都是可选的。例如

"author": "Your Name <email@example.com>"

## 通过npm安装的包会自动作为依赖插入到package.json文件中 ##

上面已经生成了一个初始化的package.json文件了。下面，用npm安装jquery，看package.json文件的变化。

执行npm install jquery命令，在当前工作目录下安装jquery：  
![在这里插入图片描述][dce67180976c402787dd9fb6c0223bb2.png]

查看package.json文件的内容变化，可以看到，jquery作为依赖插入到了package.json文件中：  
![在这里插入图片描述][c8e49a4a9fea4f9ab77337565820eb8e.png]

下面，再执行npm install @vant/weapp命令，在当前工作目录下安装@vant/weapp：  
![在这里插入图片描述][4fa1edd316a94b6eaeb402e01c3039ea.png]

查看package.json文件的内容变化，可以看到，@vant/weapp"作为依赖插入到了package.json文件中：  
![在这里插入图片描述][4ae71e182e034a5ca6f43fc6f2b3499a.png]

到当前工作目录下面的node\_modules子目录下查看，有我们刚刚安装的两个依赖包：  
![在这里插入图片描述][cb5c9d8d90fb442f824091d13089c3f7.png]

[https_docs.npmjs.com_about-packages-and-modules]: https://docs.npmjs.com/about-packages-and-modules
[https_docs.npmjs.com_creating-a-package-json-file]: https://docs.npmjs.com/creating-a-package-json-file
[61eb7788c0ce48698dfc7d49ebf91558.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/25c0232102814f3081aa02306f8cbe91.png
[6132c8448ae04272941649c69bd2e73c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/36845893f1bf467d9b98ada74ef3130a.png
[0978f6d84e924052a11ba0f67ce9118a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/bf837debe42d46e1801fcd031540f540.png
[3a82d3479f5342c6ada912bab038f811.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/90e47c3f8d9c49fcb68c5edeca4baa37.png
[4e19f92276ef4daab5a3715bda09a566.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f533fad193f44b09a2c2357daa67568c.png
[dce67180976c402787dd9fb6c0223bb2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/cfb504dede3d4966aef7f9810c5360c3.png
[c8e49a4a9fea4f9ab77337565820eb8e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/b0c125ca7d3e41d586fed29448da6536.png
[4fa1edd316a94b6eaeb402e01c3039ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/73ef4f16a43a46729f57d0ea5c429aa7.png
[4ae71e182e034a5ca6f43fc6f2b3499a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/ac87234ee0644e08a91845a1e3d9217f.png
[cb5c9d8d90fb442f824091d13089c3f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/7894d77d65144c0a9511581da12bde90.png