javascript - 在浏览器中使用 Node 模块

Question

我使用的是非常简单的Refify npm 模块处理循环结构 JSON。它将 Node.js 中的循环结构 JSON 对象字符串化，然后发送到客户端。我的 Angular 前端接收字符串化的 JSON，需要调用 refify 的 parse 方法将其转换回可用对象。

如何在我的 Angular 前端中包含 refify Node 模块，以便我可以引用 refify？

后端使用如下所示:

var refify = require("refify");
app.get("/api/entries, function(req, res){ 
  var circularJSON = //a circular JSON object
  res.send(refify.stringify(circularJSON));
});

前端引用如下所示:

$http.get("/api/entries").success(function(data){
  $scope.entries = refify.parse(data);
});

Answer 1

您可以使用 browserify 作为构建步骤，也可以使用 wzrd.in CDN，这是 npm 模块的 CDN。

浏览作为构建步骤

使用 Node 样式require()组织浏览器代码并加载 npm 安装的模块。 Browserify 将递归地分析应用程序中的所有 require() 调用，以便构建一个可以在单个 <script> 中提供给浏览器的 bundle 。标签。有关更多信息和示例，click here .

wzrd.in CDN

<script src="https://wzrd.in/standalone/refify@latest"></script>
<script>
    window.refify // You can use refify now!
</script>

您可以前往https://wzrd.in/standalone/refify@latest ，复制代码，然后将其粘贴到您自己的文件中(如果需要)。请参阅jsfiddle here .