使用CDN将React集成到现有的Node express应用程序中

作者: 回忆氵独奏♪
发布时间: 2024-12-31 03:26:33 (2月前)
转自：

3 条回复

0#
回复此人
没身份别烦我 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 由于JSX（JavaScript中的HTML代码）不是常规JavaScript或ES6代码，因此无法直接在浏览器中加载它。 </p> <P> 所以问题不在于从CDN获取React库，这很好。 </p> <P> 的<strong> 问题是您必须将main.js文件转换为常规JavaScript代码，例如使用Babel。 </强> </p> <P> 使用Babel进行自动转换的最常用工具是webpack。 </p> <P> 如果您不想详细了解如何设置webpack和Babel，我建议使用 <a href="https://github.com/facebookincubator/create-react-app" rel="nofollow noreferrer"> CREATE-反应应用内 </A> ，这需要从肩膀设置所有样板的负担，并创建一个可以直接在浏览器中使用的JavaScript包。 </p> <P> <EM> 注意 </EM> ：如果你最终使用create-react-app，你不需要从CDN获取React lib，它将已经包含在bundle中。 </p> </DIV>

编辑
1#
回复此人
不易青年。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 代码不起作用，因为react使用JSX（javascript中的HTML），浏览器无法读取，需要转换为浏览器可以读取的普通javascript。一个这样的转换器是babel。由于没有转换器，您的代码不起作用。 </p> <P> 您可以使用 <a href="https://github.com/facebookincubator/create-react-app" rel="nofollow noreferrer"> CREATE-反应应用内 </A> ，与转换器捆绑在一起，以及您需要开始做出反应的所有内容。据我了解，既然你想添加你的快递后端，这里有一个 <a href="https://daveceddia.com/create-react-app-express-backend/" rel="nofollow noreferrer"> 教程 </A> 这将有助于您开始将create-react-app附加到您的快速后端。希望这可以帮助。 </p> </DIV>

编辑

登录后才能参与评论