我是将我的(大部分)静态网站放在 public/ 文件夹还是 index.js 中?

Do I put my (mostly) static website in the public/ folder or index.js?

我最近使用 create-react-app 在 React 中重写了一个单页应用程序,因为我使用了一个复杂的 React-Bootstrap 组件。我网站的其余部分很简单 html/css/images.

目前,我将它们放在 public/ 文件夹中,新组件和静态 index.html 都引用了其中一些文件。但是,我想知道我是否应该将 CSS、JS、图像、and/or HTML 文件放在 src/index.js 文件中,以便利用 React 的 minifying/bundling 特征?

我最初采用 React 只是因为一个复杂的组件,但现在我想将任何 CSS 和使用的图像放入 src/ 中可能会更好。然而,将所有 index.html 内容放入 React 似乎违反直觉,因为它们永远不会改变,因此使用 React 呈现这些内容是一种浪费。

非常感谢任何想法!

对于永远肯定存在的静态内容,将静态内容放入 React 代码而不是放入 HTML 没有任何好处。 React 代码可能会被缩小,但 HTML 代码也会被 gzip 压缩,至少如果它是从任何健全的服务器提供的。

此外,将静态内容放入 HTML 的一个好处是页面将在页面加载时 立即 显示静态内容,而无需等待要下载和解析的 React 脚本。