package.json详解

会功夫的李白

已于 2024-03-30 16:34:30 修改

阅读量355

点赞数 1

分类专栏：前端文章标签： json package.json 前端 npm

于 2024-03-21 15:32:03 首次发布

本文链接：https://blog.csdn.net/jl15988/article/details/136910314

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文详细解读了package.json文件中的各个属性，包括名称、版本、描述、主要入口、脚本、依赖、仓库信息等，并介绍了它们在npm项目中的功能和用途。

摘要由CSDN通过智能技术生成

我们常常会创建 npm 项目，都会自动生成 package.json 文件，那么你知道里面的属性都是什么意思吗？我们就一起来看一下吧！

{
  "name": "项目名称",
  "private": false, // 是否私有的
  "version": "版本",
  "description": "项目描述",
  "main": "主文件路径",
  "files": [ // npm提交的目录吗，默认还包含LICENSE、README.md文件
    "lib",
    "src",
    "types"
  ],
  "scripts": { // 可执行脚本
    "build": "webpack"
  },
  "typings": "/types/index.d.ts", // 指定types文件
  "repository": { // 仓库配置
    "type": "git", // 仓库类型
    "url": "仓库地址"
  },
  "keywords": [ // 项目关键字
    "tools"
  ],
  "author": "作者",
  "license": "MIT", // 版权许可证
	"dependencies": { // 生产所需依赖
    "@amap/amap-vue": "^2.0.13",
    "@riophae/vue-treeselect": "0.4.0",
  }
  "devDependencies": { // 本地开发所需依赖，打包发版时不会打包到最终资源中
    "clean-webpack-plugin": "^4.0.0",
    "ts-loader": "^9.5.1",
    "typescript": "^5.4.2",
    "webpack": "^5.90.3",
    "webpack-cli": "^5.1.4"
  },
  "engines": { // 指定node和npm版本范围，非强制性
    "node": ">=8.9", // 指定项目依赖的node版本范围
    "npm": ">= 3.0.0" // 指定npm所需的版本范围
  },
  "browserslist": [ // 项目所支持的浏览器版本和类型
    "> 1%", // 表示支持全球使用率超过1%的浏览器
    "last 2 versions", // 表示支持每个浏览器的最后两个版本
    "Android >= 4.0" // 表示支持Android 4.0及以上版本
  ]
}