在生产中处理我的反应应用程序中的图像

Posted

技术标签:

【中文标题】在生产中处理我的反应应用程序中的图像【英文标题】:Handling images in my react app in production 【发布时间】:2021-05-24 17:52:27 【问题描述】:

我使用 cloudinary 作为我的 cdn 服务来提供我在我的 react 应用程序中使用的静态图像。我想知道是否有任何方法可以在开发应用程序时轻松地在本地图像文件夹之间切换,并在生产时以非常有效的方式切换到图像的 cdn url。

【问题讨论】:

【参考方案1】:

您可以使用NODE_ENV 环境变量从两个网址中选择一个:-

const imagePath = process.env.NODE_ENV === "production"
    ? "https://prod-images-cdn.com"
    : "http://localhost:8000";

【讨论】:

以上是关于在生产中处理我的反应应用程序中的图像的主要内容,如果未能解决你的问题,请参考以下文章

Tailwind 自定义背景图像在生产中不起作用

在生产中管理 reactjs 应用程序中的路由

在生产中捕获 UIViewAlertForUnsatisfiableConstraints

Chrome 在生产中不显示 WEBP 图像

Symfony3 - 资产在生产中无法正常工作

Django 2.2静态文件在生产中不起作用(DEBUG False)[重复]