Browserify获取外部JSON数据

时间:2017-01-20 11:00:52

标签: javascript json browserify

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

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

但是,每当JSON数据获得更新时,我都不想编译browserify JavaScript文件。我在想如果browserify能够调用位于外部的JSON,那么我就可以更新JSON文件了。

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

如果有人有更好的选择?感谢

1 个答案:

答案 0 :(得分:1)

可以使用Browserify构建两个独立的包:一个用于JSON数据;和另一个应用程序。然后,该应用可以require来自其他捆绑包的数据。

例如,创建以下文件。

数据 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

一旦有两个捆绑包,就可以重建数据包并保持应用程序包不受影响。