问如何服务形象金字塔的前端？

EN

这个问题的答案将取决于数量因素。

设置它的一种方法是只在web服务器上托管图像文件，并使用cdn (如cloudflare )来缓存整个站点。cdn在这里是至关重要的，因为否则您的资产需要很长时间才能加载。

设置此操作的高级步骤是从节点web服务器配置一个静态目录，以便浏览器可以通过url访问资产，如：http://localhost/static/images/image.png。

假设您使用webpack，您可以使用file-loader简单地import图像文件，就像其他js文件一样，并在您的反应性组件中使用它。当您构建应用程序时，您可以配置file-loader，以便用网页的url自动替换对图像文件路径的引用。

最后，如果您只有五个图像目录，您可以在您的react应用程序中创建与每个目录相关的5个路径，并且在每个路径中导入该路径将显示的图像(例如。import image from './static/images/image.png'或import * as images from './static/images/album')，并进行渲染(例如。<img src={image} />或循环遍历图像数组并呈现每个)。