如何使用react require语法？

  • Z时代
  • 2024-01-10
  • 分类：问答

我看到了许多使用var React =

require('react')语法构造反应的示例。当我尝试使用它时，我得到“需求未定义”。如何使用和设置我的静态项目以使用require语法？

实际上，我正在寻找一个webpack /

browserify配置文件，以便可以快速开始使用React和CommonJS。我只写了没有说构建工具的反应应用程序

回答：

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*/}
})

以上是 如何使用react require语法？ 的全部内容， 来源链接： utcz.com/qa/433319.html

回到顶部