关于package.json 的学习笔记

野王丶

于 2023-09-04 11:02:16 发布

阅读量89

点赞数

文章标签： json 学习笔记

本文链接：https://blog.csdn.net/m0_65140299/article/details/132664851

版权

（文中图均来自不同博主，仅通过整理方便自己学习查看记忆）

1.package.json和package-lock.json的区别

name：项目名，也就是在使用npm init 初始化时取的名字，但是如果使用的是npm init -y 快速初始化的话，那这里的名字就是默认存放这个文件的文件名；
version：版本号；
private：希不希望授权别人以任何形式使用私有包或未发布的；
scripts-serve：是vue的项目启动简写配置；
scripts-build：是vue的打包操作简写配置；
dependencies：指定了项目运行时所依赖的模块；
devDependencies：指定项目开发时所需要的模块，也就是在项目开发时才用得上，一旦项目打包上线了，就将移除这里的第三方模块；

package-lock.json是在运行“npm install”时生成的一个文件，用于记录当前状态下项目中实际安装的各个package的版本号、模块下载地址、及这个模块又依赖了哪些依赖。
为什么有了package.json，还需要package-lock.json文件呢，当node_modules文件夹并不存在或被删除时，需要用到npm install重新装载全部依赖时，通过package-lock.json可以直接表明下载地址和相关依赖，相对下载速度也更快，也不容易报错。

生产环境依赖，也就是依赖会被打包到web应用中

devDependencies

开发环境依赖，不会被打包，是保证web就用能运行起来的根本

-S就是–save的简写
-D就是–save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面，而–save会将包的名称及版本号放在dependencies里面。
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：
–save-dev
–save
在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dependencies 对象里面去。
那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？
devDependencies 里面的插件只用于开发环境，不用于生产环境，而 dependencies 是需要发布到生产环境的。

这样带来的好处就是，不用担心自己命名的包名与其他人、组织的包名冲突。

"eslint": "7.5.0" 这里就是下载 7.5.0 版本
"concurrently": "^5.2.0" 这里就会下载 5.x.x最新版本，简单来说会下载 5开头最新版本，假如有个6.x.x版本出现，不会更新到6.x.x 版本
babel-loader": "~8.1.0 这里就会下载 8.1.x最新版本，简单来说会下载 8.1.x开头最新版本，假如有个8.2.x版本出现，不会更新到8.2.x 版本