Browserify 获取外部 JSON 数据

Question

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

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

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

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

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

Answer 1

可以使用 Browserify 构建两个单独的包：一个用于 JSON 数据；另一个用于应用程序。然后应用程序可以require从另一个包中获取数据。

例如，创建以下文件。

Adata.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

一旦你有两个包，你就可以重建数据包并保持应用程序包不变。