Next.js 具有更漂亮的格式答案

【问题标题】：Next.js with prettier formattingNext.js 具有更漂亮的格式
【发布时间】：2020-09-15 12:10:10
【问题描述】：

我正在尝试用 prettier 格式化我的 next.js 项目。在我的 package.json 中，我定义了这个：

"scripts": {
"format": "prettier --write \"**/*.{js, jsx}\"",
},

所以我的项目有很多文件夹：

组件
布局
页
.下一个

我显然不想在我的.next 文件夹中运行更漂亮。如何忽略某些文件夹？

【问题讨论】：

你可以尝试创建.prettierignore文件夹，然后在里面添加.next
prettier --write . 为我解决了问题（匹配包含/忽略配置）

标签： javascript reactjs next.js formatter prettier

【解决方案1】：

在官方 github 上有一个很好的 .prettierignore 设置用于基本 Next.js 安装。我经常使用这个作为开始的基础。

https://github.com/vercel/next.js/blob/canary/.prettierignore

node_modules
**/.next/**
**/_next/**
**/dist/**
packages/next/bundles/webpack/packages/*.runtime.js
packages/next/compiled/**
packages/react-refresh-utils/**/*.js
packages/react-refresh-utils/**/*.d.ts
packages/react-dev-overlay/lib/**
**/__tmp__/**
lerna.json
.github/actions/next-stats-action/.work
packages/next-codemod/transforms/__testfixtures__/**/*
packages/next-codemod/transforms/__tests__/**/*
packages/next-codemod/**/*.js
packages/next-codemod/**/*.d.ts
packages/next-env/**/*.d.ts
test-timings.json

【讨论】：

【解决方案2】：

您可以在项目根目录中添加.prettierignore。

node_modules
.next
out

它使用.gitignore syntax。

【讨论】：

【解决方案3】：

试试这个：

"scripts": {
"format": "prettier --write \"{,!(.next)/**/}*.{js, jsx}\"",
},

【讨论】：