如何解决如何使用react require语法?
require不是React api,也不是本地浏览器api(目前)。
require来自commonjs,最著名的是在node.js中实现的,如果您使用过node.js,则随处可见需求。
由于require在node中的普及,人们已经构建了一些工具,这些工具可以将以nodejs样式编写的代码转换为可在浏览器上使用的代码。
使用require有一些好处,它可以帮助您使代码保持模块化,并且对于某些项目,它允许您编写同构代码(只需很少的更改即可在客户端和服务器上运行的代码)
为了使用require,您将需要使用诸如webpack或browserify之类的工具,我将以browserify为例。
首先创建一个“ index.js”
require('./app.js');
alert('index works');
然后创建一个app.js
alert('app works');
接下来安装browserify cli
npm install -g browserify
并在您的shell中调用此命令
browserify index.js > bundle.js
现在您将拥有一个bundle.js,在您的html页面中创建一个
<script src="bundle.js"></script>
而且您应该看到两个警报都在运行
现在,您可以继续编码,可以通过执行
npm install react --save
然后在app.js中要求它
var React = require('react');
React.createClass({
render: function(){/*Blah Blah Blah*/}
})
解决方法
我看到了许多使用var React =
require('react')
语法构造反应的示例。当我尝试使用它时,我得到“需求未定义”。如何使用和设置我的静态项目以使用require语法?
更新资料
实际上,我正在寻找一个webpack /
browserify配置文件,以便可以快速开始使用React和CommonJS。我只写了没有说构建工具的反应应用程序
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。