Next.js 格式更漂亮

Question

我正在嘗試用更漂亮的格式格式化我的 next.js 項目。 在我的 package.json 我定義了這個：

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

所以我的項目有很多文件夾：

• 成分
• 布局
• 頁面
• 。下一個

我顯然不想在我的.next文件夾中運行更漂亮。 如何忽略某些文件夾？

Answer 1

您可以在項目根目錄中添加.prettierignore 。

node_modules
.next
out

它使用.gitignore 語法。

Answer 2

嘗試這個：

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

Answer 3

官方 github 上的基礎 Next.js 安裝有一個 good.prettierignore 設置。 我經常使用這個作為開始的基礎。

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