【小工具推荐】强迫症首选，整理你的package.json文件

碎碎念

今天写前端项目，发现自己的package好乱啊，作为一个强迫症，必须处理一下，同时想起来前段时间处理过一个前段项目，项目中的依赖非常混乱，现在想想需要有一个可以帮我自动整理的工具。

使用

找了蛮久，最后在一个开源前端项目的readme中发现了tips，直接在项目目录下使用

npx sort-package-json

使用效果

import sortPackageJson from 'sort-package-json'

const packageJsonString = `{
  "dependencies": {
    "sort-package-json": "1.0.0",
    "sort-object-keys": "1.0.0"
  },
  "version": "1.0.0",
  "name": "my-awesome-project"
}`

console.log(sortPackageJson(packageJsonString))
/* => string:
{
  "name": "my-awesome-project",
  "version": "1.0.0",
  "dependencies": {
    "sort-object-keys": "1.0.0",
    "sort-package-json": "1.0.0"
  }
}
*/

const packageJsonObject = JSON.parse(packageJsonString)
console.log(sortPackageJson(packageJsonObject))
/* => object:
{
  name: 'my-awesome-project',
  version: '1.0.0',
  dependencies: {
    'sort-object-keys': '1.0.0',
    'sort-package-json': '1.0.0'
  }
}
*/

进阶功能：自动排序

需要配合使用：husky

npm install husky lint-staged --save-dev
npm pkg set scripts.prepare="husky install"
npm run prepare
npx husky add .husky/pre-commit "npx lint-staged"

还需要在package.json下添加

{
  "lint-staged": {
    "package.json": "sort-package-json"
  }
}