Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何从内联小图像中禁用ReactDOMServer.renderToStaticMarkup？_Reactjs_Webpack_Create React App_React Dom_React Dom Server - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs 如何从内联小图像中禁用ReactDOMServer.renderToStaticMarkup？

Reactjs 如何从内联小图像中禁用ReactDOMServer.renderToStaticMarkup？

reactjs webpack

Reactjs 如何从内联小图像中禁用ReactDOMServer.renderToStaticMarkup？,reactjs,webpack,create-react-app,react-dom,react-dom-server,Reactjs,Webpack,Create React App,React Dom,React Dom Server,我的React应用程序当前正在使用ReactDOMServer.renderToStaticMarkup生成HTML电子邮件 ReactDOMServer.renderToStaticMarkup的问题是，它将小图像（小于12kb）从图像src URL转换为内联图像。这会导致图像具有不希望的附件 如何配置ReactDOMServer.renderToStaticMarkup使其不在（12kb）下内联小图像？我假设您正在使用标签创建ReactApp。在引擎盖下，它是url加载器，用于内联小于10k

我的React应用程序当前正在使用
ReactDOMServer.renderToStaticMarkup
生成HTML电子邮件

ReactDOMServer.renderToStaticMarkup
的问题是，它将小图像（小于12kb）从图像src URL转换为内联图像。这会导致图像具有不希望的附件

如何配置ReactDOMServer.renderToStaticMarkup使其不在（12kb）下内联小图像？

我假设您正在使用标签创建ReactApp。在引擎盖下，它是
url加载器
，用于内联小于10kb的图像。您可以弹出webpack config并增加阈值或将
url加载程序
替换为
文件加载程序

如何做到这一点而不弹出
  • 你可以把它们放在一个盒子里，然后从那里使用它们。它可以像这样引用，而不是导入文件：

  • 直接在导入中指定文件加载器。即，从“/image.png”导入imageUrl而不是
    import使用
    从导入imageUrl'！！文件/image.png'。开始处的双感叹号用于忽略网页包配置和
    文件中的加载程序意味着使用文件加载器，它不做内联
我正在使用create react应用程序--有没有一种方法可以在不弹出的情况下执行此操作？