0

我正在将网站移至 Gatsby。对于文章帖子，原始来源被编写为 HTML 文件。我想利用 MDX 来处理这些内容。然而，将大量文章从 HTML 复制粘贴到 MDX 会产生很大的痛苦。特别是，MDX 解析器通常会抱怨Expected corresponding JSX closing tag for ... 我想知道 prettier 或任何格式化程序是否可以帮助为 MDX 文件自动添加自闭合标签。

例子：

<img
  class="wp-image-1221 size-full"
  src="/assets/images/articles-news/Yasmin_pic_4.png"
  alt=""
  width="504"
  height="377"
>

预期的格式化输出

<img
  class="wp-image-1221 size-full"
  src="/assets/images/articles-news/Yasmin_pic_4.png"
  alt=""
  width="504"
  height="377"
/>

// or

<img
  class="wp-image-1221 size-full"
  src="/assets/images/articles-news/Yasmin_pic_4.png"
  alt=""
  width="504"
  height="377"
></img>
4

1 回答 1

1

Prettier MDX 解析器无法解析非自动关闭的标签，img例如您的示例（playground）。但是，如果您使用 HTML 解析器，Prettier 将添加结束/（操场）。

使用使用 HTML 解析器进行格式化的--parser选项（请注意，您需要在添加 MDX 前端之前执行此操作，否则 HTML 解析器也无法解析文件）：

prettier --parser html --write ./my-html-files-from-wordpress

一旦元素全部（自）关闭，您可以切换回使用 Prettier 的推断解析器（用于 .mdx 文件的 MDX）：

prettier --write ./my-formatted-mdx-files
于 2020-06-02T19:37:30.153 回答