package.json文件的作用

一、背景

由于文件及文件夹过多过碎，拷贝给别人时传输速度较慢，此时就需要把项目打包好之后再发给别人
一般情况下，打包命令为：npm run build
但比如我们公司就是: npm run zz(zz是项目名称)
（cnpm i 包名 --save 添加’–save‘ 是为了把包存入webpack中）
但有时候公司的项目可能不存在build命令，这时就要查看package.json文件，查找当前项目的打包命令;
一般情况下打包后的文件名是: dist，如果需要发给别人一定要压缩一下再发

二、package.json的作用

package.json是一个项目描述文件, 里面记录了当前项目的信息。eg: 项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。 使用npm安装第三方模块，是模块的相关信息会自动添加到package.json文件中

{
  // 项目名称
  "name": "kr-ui-platform",
  // 项目版本
  "version": "0.1.0",
  // 由此设置，那么 npm将拒绝发布它，这是一种防止意外发布私有存储库的方法
  "private": true,
  // 项目描述，description是一个字符串。它可以帮助人们在使用npm search时找到这个包
  "description": '',
  //项目的主入口文件,在模块化项目中都会有一个主模块,main 里面填写的就是主模块的入口文件
  "main": "index.js",
  //定义命令别名,当命令很长时可以使用别名替换
  //使用方法:npm run 别名
  // scripts中配置可以 以键值对（key：value）的形式来取“别名”
 "scripts": {
    "start": "node index.js",
    "server": "nodemon index.js --ignore client",
    // 此项目运行命令: npm run serve
    // 有的项目运行命令为: npm run dev(看各个项目的实际情况)
    "serve": "vue-cli-service serve --mode development",
    // 开发环境
    "dev": "vue-cli-service build --mode dev",
    // sit环境
    "sit": "vue-cli-service build --mode sit",
    // uat环境
    "uat": "vue-cli-service build --mode uat",
    // 打包别名 【 
    // 打包prod_zz_test的命令: npm run prod_zz_test
    "prod_rj": "vue-cli-service build --mode prod_rj",
    "prod_rj_clinical": "vue-cli-service build --mode prod_rj_clinical",
    "prod_zz": "vue-cli-service build --mode prod_zz",
    "prod_zz_test": "vue-cli-service build --mode prod_zz_test",
    "test": "vue-cli-service build --mode test",
    // 】
    "lint": "vue-cli-service lint",
    "test:e2e": "vue-cli-service test:e2e",
    "test:unit": "vue-cli-service test:unit",
    "analyzer": "cross-env use_analyzer=true npm run serve"
  },
  // 关键字，允许我们使用关键字去描述当前项目
  "keywords": [],
  //项目的作者
  "author": "",
  //项目遵循的协议,默认是ISC也就是开放源代码的协议
  "license": "ISC",
   //开发 依赖所需要的第三方模块（包）
  "devDependencies": {
    "gulp": "^3.9.1"
  }

项目依赖

在项目的开发阶段和线上运营阶段，都需要依赖的第三方包，称为项目依赖;
使用npm install 包名命令下载的文件会默认被添加到 package.json 文件的 dependencies 字段中;

//项目 依赖所需要的第三方模块（包）
  {
    "dependencies": {
        "jquery": "^3.3.1“
    }
 }

开发依赖

在项目的开发阶段需要依赖，线上运营阶段不需要依赖的第三方包，称为开发依赖;
使用npm install 包名 --save-dev命令将包添加到package.json文件的devDependencies字段中，以此来区分项目依赖;

 {
    "devDependencies": {
        "gulp": "^3.9.1“
    }
 } 

pagkage.json作用:

• https://juejin.cn/post/7063290762514923550?utm_source=gold_browser_extension