javascript - 从 React 提供大型静态页面

Question

我正在将我们的网站重新构建为单页 React 应用程序，但为了简单起见，我希望保持登录页面相同。登陆页面是一个大型静态 HTML 文件(带有一些用于动画、 Bootstrap 等的 JS)。大量的导入和动画使得整个页面作为React组件迁移起来很困难。

我想在/public/landing-page.html 下添加网站，并将所有额外的 CSS/JS/ Assets 放在同一位置。有没有办法分配一个路由来服务这个页面，而不是以通常的 React 方式渲染路由？

对于将网站从 JS/HTML 迁移到 React 的人们来说，这似乎是一个常见问题。

Answer 1

您可以提供此landing-page.html以及相应的 CSS/JavaScript/Asset 文件作为静态资源。也就是说，将 Node.js 作为这些文件的普通 Web 服务器，而不与 React 连接。

例如，如果在 Node.js 中使用 Express 框架，那么配置就非常容易:

const express = require('express');
const app = express();
...
app.use(express.static(path.join(__dirname, 'public'), { 'extensions': ['html', 'js', 'css', 'png'], 'maxAge': '7d' }));

然后，您可以打开http://<your-website>/landing-page.html ，没有任何 React 的东西。