Question

我最近在traced SVG image loading中看到了gatsby.js

我有什么方法可以在create-react-app中实现自动化。马上，我使用create-react-app和cloudinary。我将url存储在数据库中，我找不到很好的资源来实现这一目标。帮助将不胜感激。

Answer 1

如果您阅读了该帖子及其用途，则会发现它使用https://github.com/lovell/sharp，它接受图片作为参数，在这种情况下，您可以下载图片，应用过滤器并最终使用最重要的部分的技术：

<div
      style={{
        backgroundImage: `url("${realUrl}"), url("${
          tracedSVG
        }")`,
      }}
    />
  </div>

然后浏览器将为您进行动态加载。