进行前端开发时，经常需要使用到 JSON 数据格式。而为了保证 JSON 数据格式的正确性，就需要使用 JSON Schema 进行验证。而 npm 包 tv4-json-schema-loader 就能够帮助我们更方便地使用 JSON Schema 进行验证。
安装
使用 npm 安装 tv4-json-schema-loader：
npm install tv4-json-schema-loader --save-dev
配置
使用 Webpack 的时候，可以配置 tv4-json-schema-loader。首先，在配置文件中声明 Schema 的文件地址：
const schemaUrl = './path/to/schema.json';
然后在 rules 中使用 tv4-json-schema-loader 验证 JSON 文件：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- ----------
---- -
-
------- --------------
--
-
------- -------------------------
-------- -
------- -------------------
--
--
--
-------- ---------------
--
--
--
--这样，当我们引入 JSON 文件时，Webpack 就会自动使用 tv4-json-schema-loader 进行验证。如果 JSON 数据格式不正确，就会提示错误信息。
示例
我们来看一个使用示例。假设我们有一个 JSON Schema 文件，文件位置是 ./schema.json，文件内容如下：
-- -------------------- ---- -------
-
---------- ------------------------------------------
-------- ---------
------- ---------
------------- -
------- -
------- --------
--
------ -
------- ----------
---------- -
-
--
----------- --------
-这个 JSON Schema 文件定义了一个名为 Person 的对象，包含了必填的 name 属性和可选的 age 属性。其中，age 属性必须是一个大于等于 0 的整数。
我们再来定义一个符合这个 JSON Schema 的 JSON 数据，文件位置是 ./test.json，文件内容如下：
{
"name": "John",
"age": 20
}这个 JSON 数据文件定义了一个 Person 对象，包含了 name 属性值为 "John"，以及 age 属性值为 20。
接下来，我们可以在代码中引入这个 JSON 数据文件，这样就能自动使用 tv4-json-schema-loader 进行验证。如果验证通过，就会正常请求获取到这个 JSON 数据。如果验证失败，就会在控制台提示错误信息。
import data from './test.json';
console.log(data); // 正常输出 { name: 'John', age: 20 }结论
使用 tv4-json-schema-loader 可以帮助我们更方便地使用 JSON Schema 进行验证，减少开发过程中可能出现的 JSON 数据格式错误。在配置完毕之后，我们可以愉快地使用 JSON 数据文件，让开发更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005551281e8991b448d245c