2017-11-07 06:39:07 +03:00
---
id: ignore
title: Ignoring Code
---
2017-12-12 03:23:06 +03:00
Prettier offers an escape hatch to ignore a block of code or prevent entire files from being formatted.
## Ignoring Files
2018-01-10 01:16:15 +03:00
To exclude files from formatting, add entries to a `.prettierignore` file in the project root or set the [`--ignore-path` CLI option ](cli.md#ignore-path ).
2017-11-07 06:39:07 +03:00
## JavaScript
A JavaScript comment of `// prettier-ignore` will exclude the next node in the abstract syntax tree from formatting.
For example:
2017-11-22 14:27:40 +03:00
<!-- prettier - ignore -->
2017-11-07 06:39:07 +03:00
```js
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
)
// prettier-ignore
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
)
```
will be transformed to:
```js
matrix(1, 0, 0, 0, 1, 0, 0, 0, 1);
// prettier-ignore
matrix(
1, 0, 0,
0, 1, 0,
0, 0, 1
)
```
## JSX
```jsx
< div >
2017-11-22 14:27:40 +03:00
{/* prettier-ignore */}
< span ugly format = '' / >
2017-12-05 13:14:03 +03:00
< / div >
2017-11-07 06:39:07 +03:00
```
2018-11-07 04:09:04 +03:00
## HTML
```html
<!-- prettier - ignore -->
< div class = "x" > hello world< / div >
<!-- prettier - ignore - attribute -->
< div
(mousedown)=" onStart ( ) "
(mouseup)=" onEnd ( ) "
>< / div >
<!-- prettier - ignore - attribute (mouseup) -->
< div
(mousedown)="onStart()"
(mouseup)=" onEnd ( ) "
>< / div >
```
2017-11-07 06:39:07 +03:00
## CSS
```css
/* prettier-ignore */
.my ugly rule
{
}
```
## Markdown
```markdown
<!-- prettier - ignore -->
Do not format this
```
2018-03-26 19:03:28 +03:00
### Range Ignore
_available in v1.12.0+_
This type of ignore is only allowed to be used in top-level and aimed to disable formatting for auto-generated content, e.g. [`all-contributors` ](https://github.com/kentcdodds/all-contributors ), [`markdown-toc` ](https://github.com/jonschlinkert/markdown-toc ), etc.
```markdown
<!-- prettier - ignore - start -->
<!-- SOMETHING AUTO - GENERATED BY TOOLS - START -->
| MY | AWESOME | AUTO-GENERATED | TABLE |
|-|-|-|-|
| a | b | c | d |
<!-- SOMETHING AUTO - GENERATED BY TOOLS - END -->
<!-- prettier - ignore - end -->
```
2018-07-04 19:02:07 +03:00
## GraphQL
```graphql
{
# prettier-ignore
addReaction(input:{superLongInputFieldName:"MDU6SXNzdWUyMzEzOTE1NTE=",content:HOORAY}) {
reaction {content}
}
}
```