如何在客户端代码中使用节点模块?

亚历克斯·伊林

我已经在nodejs应用程序中安装了ReactJs模块,因此React出现在node_modules目录中。但是我无法在客户端JavaScript中使用它,因为没有参考。

那么添加这种参考的最佳方法是什么?(当然,我可以手动将react.js脚本复制到scripts文件夹并手动添加引用,但这会导致代码重复并且看上去很丑)

尼克·麦柯迪

Browserify是您要寻找的工具。它需要Node模块并包装它们,因此您可以require()在客户端JavaScript代码中使用它们。

来自Browserify自述文件的示例

清理一个文件,main.js其中包含一些require()s。您可以使用诸如'./foo.js'和和'../lib/bar.js'或模块路径之类的相对路径'gamma'它们将node_modules/使用节点的模块查找算法进行搜索

var foo = require('./foo.js');
var bar = require('../lib/bar.js');
var gamma = require('gamma');

var elem = document.getElementById('result');
var x = foo(100) + bar('baz');
elem.textContent = gamma(x);

通过分配到module.exports导出功能exports

module.exports = function (n) { return n * 111 }

现在,只需使用browserify命令即可从以下位置构建捆绑包main.js

$ browserify main.js > bundle.js

使用required的递归遍历main.js中包括了所有需要的模块bundle.jsrequire()

要使用此捆绑包,只需<script src="bundle.js"></script>将html扔进去!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在GWT客户端代码中使用Gson库

如何在客户端Java应用程序中使用客户端证书?

如何使用golang etcd客户端创建目录节点?

如何使用节点将数据推送到客户端

在Elasticsearch中使用多个节点客户端

如何在HTTPS中使用客户端证书?

码头:如何在码头客户端中使用SSL

如何在节点中使用客户端证书进行HTTPS GET

如何在Django中使用Paho mqtt客户端?

如何在Flutter应用中使用WebSocket客户端?

如何在代码中设置yarn客户端?

如何在我的Electron应用程序的客户端代码中导入Node模块?

如何在Mosquitto MQTT中使用客户端ID?

如何在Typescript中使用“ dialogflow”客户端库?

如何在Blazor客户端中使用Socket?

如何在客户端JavaScript中使用打字稿?

如何在Python中使用dialogflow客户端

EF代码优先-如何在客户端层中使用POCO对象

如何在Meteor中使用本机客户端库?

在EmptyData模板GridView中使用客户端脚本代码

如何在客户端代码中获得\ timing结果?

如何在节点js的客户端缓存.js文件

如何在新出生的客户端节点上添加厨师客户端配方(客户端注册后)

如何在本机客户端中使用CORS机制

如何在Delphi中使用HTTP客户端API

如何在存储中使用客户端githook?

如何在片段中使用 GoogleAPI 客户端

如何在客户端使用“文件类型”NPM 模块?

如何在 next.js 中使用来自客户端的数据执行服务器端代码