如何在不使用 node.js 的情况下添加标准反应应用程序 [关闭]

Posted 2023-02-22

【中文标题】如何在不使用 node.js 的情况下添加标准反应应用程序 [关闭]

【英文标题】：How to add a standard react app without using node.js [closed]

【发布时间】：2018-10-24 20:48:51

【问题描述】：

在企业项目中，身份验证和授权是不同的，因为我们使用 SSO（单点登录）或使用内部 CDN（内容交付网络）来读取客户端 Web 应用程序中的一些数据。

在像这样的一些项目中，程序行编写得最准确。可以看到文件夹和文件也是由SOLID等约定组成的。

在一个至少有 50 个子系统的项目中，如果我在一个项目（create-react-app）中使用 react，这个项目至少给了我 126 个文件夹。 (CREATE - REACT - APP) 给了我很多对我没有任何性能的文件夹。 另一方面，我需要一个包含最多十个脚本文件的结构，才能将它们添加到 CDN 项目并清理编码。

我想要的： 我想要一些简单的脚本来让我不受限制地制作组件。 现在只添加 react、react-dom、react routing、babel、浏览器 js 脚本，无法使用 Import、Export 组件。

请帮助我了解如何在不添加 create-react-app 的情况下导入和导出组件。

对我来说最好的选择是提供一个链接或通过告诉我应该向我的项目中添加什么来帮助我。

【参考方案1】：

官方文档（此处：https://reactjs.org/docs/try-react.html）提到了一个静态 html 文件（此处：https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html），其中包含在单个文件中使用 React 的导入脚本，无需安装它。

查看html文件的源代码，具体看这几行：

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

如果这是您要找的，请告诉我。

【讨论】：

嗨阿德里亚诺感谢您的回答。我正在努力。

嗨阿德里亚诺。我试过这对我不起作用。我希望我有一个地方可以上传我的代码，您会看到该代码。我的项目工作，但我无法添加导入或导出任何组件。正是我不能在我的代码中使用导入和导出。

为了导入/esport组件，您需要运行节点服务器。这是唯一的方法。

非常感谢您的帮助，现在我有一个新问题，我使用 react 来创建具有许多应用程序的企业应用程序是合乎逻辑的吗？我只是在寻找一个脚本库来构建企业拥有多个不同项目的软件基础架构。

如果您正在构建企业应用程序，我相信服务器将是最佳选择。因此，您将能够控制应用程序环境并在同一台服务器上创建不同的服务。看看免费的托管服务，或者可能适合您的情况的足够便宜的选择。