我是将我的(大部分)静态网站放在 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 脚本。
我最近使用 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 脚本。