专栏首页前端学习笔记package.json文件的作用

package.json文件的作用

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字段中
 "dependencies": {
    "formidable": "^1.2.2",
    "mime": "^2.4.6"
  }

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

4. 开发依赖

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

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

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

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

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    //build 就是添加的别名   通过npm run build执行
    "build":"nodemon app.js"
  },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 移动端常用开发插件和框架

    移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢?

    清出于兰
  • MongoDB数据库

    数据库即存储数据的仓库,可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件,可以通过 API去操作它。 常见的数据库软件有: mysql. mongo...

    清出于兰
  • 移动web开发之rem布局

    比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。

    清出于兰
  • 【腾讯云的1001种玩法】 Laravel 整合万向优图图片管理能力,打造高效图片处理服务

    万象优图是腾讯云旗下的图片处理服务,能够帮助用户快速构建一个方便、快捷、处理性能强的图片处理服务,借助 万象优图 For Laravel 插件,我们可以轻松的在...

    白宦成
  • 解决kibana搜索提示框占位问题

    我是攻城师
  • 【xingorg1-ui】基于vue3.0从0-1搭建组件库 (十) 组件发布到NPM

    本来需要配置.npmignore配置文件,但是网上不建议用这种方式,说是黑名单的方式,不在黑名单里的关键信息都发上去了。 而是建议使用package.json...

    xing.org1^
  • CS学习笔记 | 22、通过SSH开通通道

    2. 在红色区域的 PIVOT 主机上开启通过 SSH Socks 的 445 端口转发

    TeamsSix
  • 全球首个活人脑细胞数据库公开,将助力神经科学的进一步发展 | 黑科技

    镁客网
  • boost库thread.hpp编译警告honored已修复

    请浏览:https://svn.boost.org/trac/boost/ticket/7874

    一见
  • 《深入理解计算机系统》阅读笔记--信息的表示和处理(上)

    coders

扫码关注云+社区

领取腾讯云代金券