运行 yarn add 后如何在 package.json 文件中保留注释答案

【问题标题】：How can you preserve comments in a package.json file after running yarn add运行 yarn add 后如何在 package.json 文件中保留注释
【发布时间】：2017-08-07 07:58:36
【问题描述】：

我正在使用 npm 和 yarn 来管理项目的依赖关系。正如这个问题所建议的那样：How do I add comments to package.json for npm install? 我使用以下格式能够在 pacakge.json 中包含 cmets。这是一个示例：

"scripts": {
  "////":"LIVE BROWSER RELOAD",
  "serve:patternlab": "BUILD_TO='patternlab' browser-sync start --config browsersync.config.js",
  "serve:site": "browser-sync start --config browsersync.config.js",

  "////":"LINTING COMMANDS",
  "lint:js": "eslint $npm_package_config_src_js --ignore-pattern **/vendor/**/*.js || true",
  "lint:css": "sass-lint $npm_package_config_src_css**/*.scss -v -q || true",
  "lint": "npm-run-all -p lint:js lint:css",
}

这种格式可以很容易地看到每组脚本在做什么。但是，每当我运行 yarn add 添加新包时，它会删除除最后一个以外的所有 cmets（移至 scripts 对象的顶部），并删除换行符。有什么办法可以避免这种情况发生吗？

【问题讨论】：

我找到了一种保存 cmets 的方法：为每个 cmets 添加一个唯一标识符，例如"////a": "LIVE BROWSER RELOAD", 和 ////b": "LINTING COMMANDS。但是，空白仍然会被删除。

标签： npm yarnpkg

【解决方案1】：

这是我能够达到的最接近我想要实现的目标。运行yarn add 后保留以下内容，并为每组脚本添加一些分隔：

"scripts": {
    "//LIVE BROWSER RELOAD": "--------------------------------------------------------------------------",
    "serve:patternlab": "BUILD_TO='patternlab' browser-sync start --config browsersync.config.js",
    "serve:site": "browser-sync start --config browsersync.config.js"
    ,
    "//LINTING COMMANDS": "-----------------------------------------------------------------------------",
    "lint:js": "eslint $npm_package_config_src_js --ignore-pattern **/vendor/**/*.js || true",
    "lint:css": "sass-lint $npm_package_config_src_css/**/*.scss -v -q || true",
    "lint": "npm-run-all -p lint:js lint:css"
}

【讨论】：