有没有办法防止Prettier触摸<pre> blocks in HTML files?

Question

Prettier does a very nice job on HTML generally, but indents pre>code blocks.

I always want pre>code blocks unindented.

Seems like I should be able to configure this in .prettierignore, but can't find a way that works.

blocks like:

<pre class="line-numbers"><code class="language-json">"operations": [
    "video-cloud/video/all",
    "video-cloud/playlist/all",
    "video-cloud/sharing-relationships/all",
    "video-cloud/notifications/all"
]</code></pre>

Get indented like this:

      <pre class="line-numbers"><code class="language-json">"operations": [
    "video-cloud/video/all",
    "video-cloud/playlist/all",
    "video-cloud/sharing-relationships/all",
    "video-cloud/notifications/all"
]</code></pre>

I want the block left untouched.

Answer 1

您可以忽略某些文件，但不能忽略部分代码。

Answer 2

Quoting from a deleted answer:

I personally don't use the extension but it seems like prettier has build in configuration for it: https://prettier.io/docs/en/ignore.html

IIUIC, the solution is

<!-- prettier-ignore-start -->
block to keep
<!-- prettier-ignore-end -->

Voting to undelete the answer by "cas vl" as it led me to the solution in seconds.