create-react-app 到网站的部分实现答案

【问题标题】：Partial Implementation of create-react-app to a websitecreate-react-app 到网站的部分实现
【发布时间】：2018-12-05 21:20:08
【问题描述】：

我目前正在为我的学校项目开发一个网站/网络应用程序（我真的不知道它之间的明确区别）。最初我计划完全通过 HTML/CSS 和 JS 进行开发，但是，为了简单起见，我的顾问告诉我对部分页面使用 react 框架，而不是仅仅使用 Java。这真的让我很困惑，因为我没有 Web 开发背景，而且我很困惑。

我目前拥有所有使用 CSS 样式的 HTML 页面，并且我能够使用 create-react-app 转换部分 web-app 以做出响应。但是，我不知道如何将这两者联系起来。

我在包含大部分 HTML 文件夹的主目录中创建了 my-app 文件夹，但是我将如何去 1. 从 HTML 页面访问 react 应用？ 2.从react app访问主目录下的html页面？

以下是我的目录作为参考

mainDir
  |_____bunch of html files
  |_____css //contains all css files
  |_____img // contains all images
  |_____my-app
           |____all the files created by create-react-app

我尝试过的方法： - 使用主目录下的HTML页面中的跳转到my-app文件中的index.html来加载app - 将每个类的 App.js render() 函数内标签上的文件路径更改为 ../../welcome.html 之类的东西，这是主目录中 HTML 的相对路径。

提前感谢您的帮助。我欢迎任何和所有的建议！如果没有足够的信息来评估情况，请告诉我！

【问题讨论】：

我强烈反对将 HTML/CSS 页面与 React 结合起来会简化任何事情。在整个应用程序中使用 React 会好得多，但我还要说你应该首先创建一个具有不同页面的简单 HTML 网站，因为尽管如此，你仍然需要 HTML 和 CSS。简短的回答，您可以用简单的链接将它们链接起来。
根据您需要做的事情，create-react-app 很可能会因为将您的脚趾浸入水中而过度杀伤力。我建议检查一些不太全面的方法，react 网站提到了一些，特别是 how to add React to an HTML page
感谢 cmets 的各位！毕竟，我继续手动创建每个页面，因为它只有 10 个变体。

标签： javascript reactjs create-react-app

【解决方案1】：

结帐

这个 Example source code，来自 React.js："Add React in One Minute" 指南。

这是什么？

这是一个极简的 React 实现，使用：

1 x .html 文件
1 x .js 文件

鉴于您当前的设置，我想说这比尝试合并 create-react-app 要简单得多。

如果这有帮助，请告诉我；如果没有用，我很乐意删除它。

【讨论】：

谢谢！我会试试这个！