我最近在React中使用create-rect应用程序重写了一个单页应用程序，因为我使用了一个复杂的React Bootstrap组件。我的网站的其余部分是简单的html/css/images。
目前，我将这些文件放在public/文件夹中，新组件和静态index.html都引用了其中的一些文件。然而，我想知道我是否应该把我的CSS、JS、图像和/或HTML文件放在src/index.js文件中，以利用React的缩小/捆绑功能？
我最初采用React只是因为有一个复杂的组件，但现在我想把任何使用的CSS和图像都放在src/中会更好。然而，将所有index.html内容放入React中似乎是违反直觉的，因为它们永远不会改变，因此使用React渲染该内容将是一种浪费。
任何想法都非常感谢！
对于永远肯定存在的静态内容，将静态内容放入React代码而不是HTML中没有任何好处。React代码可能会被缩小，但HTML代码也会被gzip化，至少如果它是从任何正常的服务器提供的。
此外，将静态内容放入HTML的一个好处是，页面将在页面加载时立即显示静态内容，而无需等待React脚本下载和解析。