重新认识package.json

Posted 君记否

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了重新认识package.json相关的知识,希望对你有一定的参考价值。

npm init -y

生成项目初始化文件,目录中新增一个package.json文件

package.json文件的内容是一个json对象

安装项目依赖(dependencies & devDependencies)

  • dependencies字段指定了项目运行所依赖的模块(生产环境使用),如 antd、 react、 moment等插件库:
    • 它们是我们生产环境所需要的依赖项,在把项目作为一个 npm 包的时候,用户安装 npm 包时只会安装 dependencies 里面的依赖。
  • devDependencies 字段指定了项目开发所需要的模块(开发环境使用),如 webpacktypescriptbabel等:
    • 在代码打包提交线上时,我们并不需要这些工具,所以我们将它放入 devDependencies 中。
  • 如果一个模块不在 package.json 文件之中,我们可以单独安装这个模块,并使用相应的参数,将其写入 dependencies 字段/ devDependencies 字段中:
# 使用 npm
npm install <package...> --save # 写入 dependencies 属性
npm install <package...> --save-dev # 写入 devDependencies 属性

 

转自:https://juejin.im/post/5ebcd8b1e51d454dc20dd8a0

以上是关于重新认识package.json的主要内容,如果未能解决你的问题,请参考以下文章

VSCode插件开发全攻略代码片段设置自定义欢迎页

删除 `package-lock.json` 以快速解决冲突

npm scripts 使用指南

package.json 与 package-lock.json 的区别

Javascript:在gulpfile.js中获取package.json数据

Cordova 8:无法从“ios”安装,因为它不包含 package.json 文件