javascript - Browserify 获取外部 JSON 数据

标签 javascript json browserify

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

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

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

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

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

最佳答案

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

例如,创建以下文件。

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

一旦您拥有两个 bundle ,您就可以重建数据 bundle 并保持应用程序 bundle 不变。

关于javascript - Browserify 获取外部 JSON 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41762055/

相关文章:

angularjs - 为什么 Browserify 不引入 ngRoute

javascript - 如何从节点中现有的源映射生成新的源映射?

javascript - Angular array.push() 为 ng-repeat 创建一个副本

javascript - 如何使用javascript获取值(value)包?

java - ObjectMapper 无法解析为类型

javascript - 根据 PHP 输出执行 Javascript

node.js - Browserify 文档未定义

javascript - 创建两个具有相同来源的 HTML5 视频元素不起作用

javascript - 如何在fabricJS中通过鼠标选择覆盖的对象?

Highcharts JSON 调用的 javascript 关联数组、循环和/或范围问题