React JS - 在 Dev 和 Build 获取并将道具传递给 App 之前
React JS - Before Dev and Build get and pass props to App
我想在我的应用程序中有静态资产和道具。在构建中，我希望使用 bas64 字符串设置一些图像资产。我认为我应该在开发和构建之前将这些资产用于应用程序的道具。 （就像您使用 Gatsby.js 一样）。
所以我的问题是：“如何在启动和构建前为应用程序设置道具。”
是否有开箱即用的解决方案？还是有别的办法。
IMAGE_INLINE_SIZE_LIMIT 的默认值为 10000，这意味着默认情况下，小于 10,000 字节的图像被编码为 base64 中的数据 URI，并内联在 CSS 或 JS 构建工件中.设置此项以控制字节大小限制。
将其设置为 0 将禁用图像内联。
在项目目录的根目录下创建文件 .env.production 并设置 IMAGE_INLINE_SIZE_LIMIT 大于 10000。当您的应用程序开始构建时，React 会将图像转换为 Base64。
Note: The more you increase the IMAGE_INLINE_SIZE_LIMIT will also increase the chunk js file size
在这里您可以查看 Advanced Configuration
我想在我的应用程序中有静态资产和道具。在构建中，我希望使用 bas64 字符串设置一些图像资产。我认为我应该在开发和构建之前将这些资产用于应用程序的道具。 （就像您使用 Gatsby.js 一样）。
所以我的问题是：“如何在启动和构建前为应用程序设置道具。” 是否有开箱即用的解决方案？还是有别的办法。
IMAGE_INLINE_SIZE_LIMIT 的默认值为 10000，这意味着默认情况下，小于 10,000 字节的图像被编码为 base64 中的数据 URI，并内联在 CSS 或 JS 构建工件中.设置此项以控制字节大小限制。
将其设置为 0 将禁用图像内联。
在项目目录的根目录下创建文件 .env.production 并设置 IMAGE_INLINE_SIZE_LIMIT 大于 10000。当您的应用程序开始构建时，React 会将图像转换为 Base64。
Note: The more you increase the
IMAGE_INLINE_SIZE_LIMITwill also increase the chunk js file size
在这里您可以查看 Advanced Configuration