Browserify 获取外部 JSON 数据

Question

我正在寻求有关获取外部 JSON 数据的最佳方式的建议。

我正在使用 browserify 并包含 JSON 数据，看起来像 const data = require('mydata.json')。

但是，我不想在 JSON 数据更新时编译 browserify JavaScript 文件。我在想 browserify 是否能够调用位于外部的 JSON，因此，我可以只更新 JSON 文件。

我的另一个选择是使用 getJSON() 调用外部 JSON 文件，我认为这种方法不是一种有效的方法。

如果有人有更好的选择？谢谢

Answer 1

可以使用 Browserify 构建两个单独的包：一个用于 JSON 数据；另一个用于另一个用于应用程序。然后，该应用程序可以 require 来自另一个包的数据。

例如，创建以下文件。

A data.json 为数据：

{ "name": "alice" }

申请一个index.js：

var data = require("data.json");
console.log(data);

还有一个 index.html 来加载示例包：

<!doctype html>
<html>
<head>
    <title>so-41762055</title>
</head>
<body>
    <script src="./bundle-data.js"></script>
    <script src="./bundle-app.js"></script>
</body>
</html>

您可以使用以下命令构建数据和应用程序包：

browserify --require ./data.json:data.json > bundle-data.js
browserify --exclude data.json index.js > bundle-app.js

拥有两个包后，您可以重建数据包并保持应用程序包不变。

Browserify 获取外部 JSON 数据

Browserify get external JSON data

javascript

json

browserify