前言
在前端项目中，我们经常需要读写 JSON 文件来配置一些选项或者管理一些数据。在这个过程中，手动修改 JSON 文件费时费力，而且容易出错。因此，使用 npm 包 grunt-update-json 可以大大简化这个过程，提高效率。
简介
grunt-update-json 是一款基于 Grunt 的 npm 包，可以用于读写 JSON 文件。通过 grunt-update-json，我们可以方便地修改 JSON 文件，增加新的字段，删除旧的字段，修改字段值等等。
安装
首先，你需要安装 Grunt 和 grunt-update-json 两个 npm 包：
npm install -g grunt-cli npm install grunt grunt-update-json --save-dev
然后，在项目根目录下新建一个名为 Gruntfile.js 的文件，用于配置 grunt-update-json：
-- -------------------- ---- -------
-------------- - --------------- -
------------------
------------ -
-------- -
---- ------------------
------- ----
--
----------- -
------- -
-------------- ----------
-------------- ---------
-
--
-------------- -
------- -
-------------- --------------
-------------- -------------
-
--
-------------- -
------- --------------- --------------
-
-
---
----------------------------------------
--使用
新增字段
想要新增一个字段，例如 new_field，并给它赋值为 value，只需在 Gruntfile.js 中添加如下代码：
new_fields: {
fields: {
"new_field": "value"
}
}然后在项目根目录下执行如下命令：
grunt update_json:new_fields
grunt-update-json 会在 config.json 文件中新增如下代码：
{
"old_field_1": "value_1",
"old_field_2": "value_2",
"new_field": "value"
}修改字段
想要修改一个已有字段 old_field 的值为 new_value，只需在 Gruntfile.js 中添加如下代码：
update_fields: {
fields: {
"old_field": "new_value"
}
}然后在项目根目录下执行如下命令：
grunt update_json:update_fields
grunt-update-json 会将 config.json 文件中 old_field 的值修改为 new_value。
删除字段
想要删除一个已有字段 old_field，只需在 Gruntfile.js 中添加如下代码：
delete_fields: {
fields: ["old_field"]
}然后在项目根目录下执行如下命令：
grunt update_json:delete_fields
grunt-update-json 会从 config.json 文件中删除 old_field。
总结
grunt-update-json 是一款非常实用的 npm 包，可以帮助我们快速修改 JSON 配置文件，避免了手动修改 json 文件的繁琐和容易出错的情况。通过本教程的学习，相信大家已经具备了基本的使用能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60858