前端工程化系列之package.json

大家好，我是初心，本篇是我坚持原创文章的第07期文章，如有错误，欢迎指正👏🏻

生成package.json

生成package.json文件的方式有很多，我习惯使用npm init -y

Package.json常见配置~

package.json是一个项目描述文件, 里面记录了当前项目的信息。本文以vue2.0项目package.json为例

name

项目名称, 以vue来说，项目名: vue

version

项目版本

packageManager

包管理器列表中指定包管理器

description

项目描述，主要的是告诉人家你的项目是干啥的~

main

主入口文件

module

esm模块的打包文件入口

unpkg

可以让 npm 上所有的文件都开启 CDN 服务

jsdelivr

与 unpkg 类似，vue 通过如下的配置

typings

主要是提供给 TypeScript 类型定义文件用的，入口文件

files

发布到npm时，限制哪些文件，可以起到控制 npm 包的大小，避免安装时间太长等问题

exports

node 在 14.13 支持在 package.json 里定义 exports 字段，拥有了条件导出的功能

scripts

项目执行内置脚本，已 {key: value} 的形式

//  通过npm run dev可运行此项目
"scripts": {
"dev": "vite"
}

gitHooks

git钩子，可以在git提交代码的时候先走这个钩子中的逻辑，主要作用是检测代码

lint-staged

lint-staged 是用于对 git 的暂存区的文件进行操作的工具，比如可以在代码提交前执行 lint 校验，类型检查，图片优化等操作。这个主要得配合 scripts

repository

项目的仓库已经git版本信息，这里主要是记录你上传到github中那个仓库

keywords

关键字，主要提供给github搜索使用，就是百度检索的功能

author

作者，这个是重点，哈哈

license

是否开源 默认值ISC

bugs

一看就知道是和bug相关，这个是bug的反馈链接，可以通过这个跳转到issue中

homepage

项目主页链接，就像你自己的博客一样，主要作用就是这个

dependencies

项目依赖

"dependencies": {
    "vue": "^3.2.45"
 }

devDependencies

开发依赖

"devDependencies": {
    "rollup": "^3.7.4",
    "rollup-plugin-typescript2": "^0.34.1",
    "typescript": "^4.9.4",
 }