具有更漂亮格式的Next.js

时间:2020-05-28 08:31:28

标签: javascript reactjs next.js formatter prettier

我正在尝试使用更漂亮的格式来格式化next.js项目。在我的package.json中,我已经定义了:

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

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

  • 组件
  • 布局
  • 页面
  • .next

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

3 个答案:

答案 0 :(得分:2)

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

Connected to server:

它使用.gitignore syntax

答案 1 :(得分:1)

尝试一下:

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

答案 2 :(得分:0)

官方 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