Javascript .mdx文件中的流体图像

有什么方法可以使流体成为导入到.mdx文件中的图像？ 我有一个基于mdx文件帖子的盖茨比网站，我安装了盖茨比评论图像属性和盖茨比评论图像

{
解析：`gatsby plugin mdx`，
选项：{
默认布局：{
posts:require.resolve（“./src/templates/blog post.js”），
默认值：require.resolve（“./src/components/layout.js”），
},
扩展名：[`.mdx`、`.md`]，
盖茨比马克插件：[
{
决议：`盖茨比评论图像'，
选项：{
最大宽度：966，
withWebp：没错，
},
},
{
resolve:`gatsby备注图像属性`，
选项：{
styleAttributes:true，
数据属性：false
},
},
{
解析：`gatsby备注突出显示代码`，
},
]
}，

添加以下内容怎么样：

{
  resolve: `gatsby-remark-images`,
  options: {
    maxWidth: 800,
    wrapperStyle: fluidResult => `flex:${_.round(fluidResult.aspectRatio, 2)};`,
  },
}

学分：

---

免责声明：

代表依赖关系。正如您在中看到的，它是

盖茨比评论图像

的依赖关系。我不建议安装大型库，因为

lodash

仅适用于此实用程序，因为它会增加您的捆绑包大小。您可以获得与

.round

相同的结果尝试一些普通的JavaScript方法，但出于测试目的，尝试

lodash

以了解是否能够使用此方法创建流体包装器可能会很有趣。

我会尝试让您知道！我遇到

ReferenceError:u未定义

错误不知道原因。将uu元素悬停，它似乎可以识别它来自何处，但是它不起作用。

。

代表

lodash

。正如您在中看到的，它是一个依赖项。不幸的是，它现在不起作用，我会在晚上找到更好的方法。