我已经在nodejs应用程序中安装了ReactJs模块,因此React出现在node_modules目录中。但是我无法在客户端JavaScript中使用它,因为没有参考。
那么添加这种参考的最佳方法是什么?(当然,我可以手动将react.js脚本复制到scripts文件夹并手动添加引用,但这会导致代码重复并且看上去很丑)
Browserify是您要寻找的工具。它需要Node模块并包装它们,因此您可以require()
在客户端JavaScript代码中使用它们。
清理一个文件,
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.js
require()
要使用此捆绑包,只需
<script src="bundle.js"></script>
将html扔进去!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句