前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >package.json文件的作用

package.json文件的作用

作者头像
清出于兰
发布2020-10-26 15:55:15
2K0
发布2020-10-26 15:55:15
举报
文章被收录于专栏:前端学习笔记前端学习笔记

1. node_modules文件夹的问题

  1. 文件夹以及文件过多过碎,当我们将项目整体拷贝给别人的时候,传输速度会很慢很慢.
  2. 复杂的模块依赖关系需要被记录,确保模块的版本和当前保持一致, 否则会导致当前项目运行报错

2. package.json文件的作用

项目描述文件,记录了当前项目信息,例如项目名称、版本、作者、github地址、 当前项目依赖了哪些第三方模块等。 package.json文件在项目根目录下使用npm init -y命令生成

在传项目给用户时可以把node_modules文件删除,让用户在此项目根目录下输入命令:npm install,系统会查看dependencies(项目依赖的第三方模块)里面的内容,自动把包下载完,生成node_modules文件

3. 项目依赖

  • 在项目的开发阶段和线上运营阶段,都需要依赖的第三方包,称为项目依赖
  • 使用npm install 包名 命令下载的文件会默认被添加到package.json文件的dependencies字段中
代码语言:javascript
复制
 "dependencies": {
    "formidable": "^1.2.2",
    "mime": "^2.4.6"
  }

npm install --production 只安装项目依赖

4. 开发依赖

  • 在项目的开发阶段需要依赖,线上运营阶段不需要依赖的第三方包,称为开发依赖
  • 使用npm install 包名 --save-dev 命令将包添加到package.json文件的devDependencies字段中
代码语言:javascript
复制
"devDependencies": {
    "gulp": "^4.0.2"
  }

5. package-lock.json文件的作用

  • 锁定包的版本,确保再次下载时不会因为包版本不同而产生问题
  • 加快下载速度,因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址,重新安装时只 需下载即可,不需要做额外的工作

"scripts"中可以给命令添加别名

代码语言:javascript
复制
 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    //build 就是添加的别名   通过npm run build执行
    "build":"nodemon app.js"
  },
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-10-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. node_modules文件夹的问题
  • 2. package.json文件的作用
  • 3. 项目依赖
  • 4. 开发依赖
  • 5. package-lock.json文件的作用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档