在Babel中配置嵌入式图像导入

Question

我正在使用React.js和Babel，并导入不同大小的png图像（其中一些大小超过10kb）。并且当加载到docker-compose url时，相对路径不起作用。

这是我的.babelrc文件内容

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    ["babel-plugin-styled-components", {
      "ssr": false,
    }],
    "babel-plugin-transform-inline-environment-variables"
  ]
}

因此，我想将所有大小大于10kb（限制）的图像作为base64 aven加载。如何更改Babel的配置？

提前谢谢！

Answer 1

我发现可以在limit的{​​{1}}的配置参数中设置更大的大小。在我的情况下，我同时使用babel和包裹，并像这样设置"url-loader"：

.parcelrc