在 .prettierrc 中为 WordPress 配置 Prettier 格式化工具

Question

我正在尝试使用 Prettier 来格式化我的 WordPress 项目 JavaScript / CSS 个文件。

我已经使用 npm 安装了 prettier，我可以正确执行格式化程序。我还安装了 @wordpress/prettier-config npm 模块来获取 Prettier 的 WordPress 样式配置。

extends @wordpress/prettier-config

到 .prettierrc 文件以启用 WordPress 规则。

这一行报错：

[error] Invalid configuration file `test.js`: Cannot find module 'extends @wordpress/prettier-config'

如果我在 .prettierrc

中使用 JSON

{
    "extends": "@wordpress/prettier-config"
}

我得到：

[warn] Ignored unknown option { extends: "@wordpress/prettier-config" }.

而 Prettier 仅使用默认样式。

我的问题是，如何配置 Prettier 以使用 Wordpress 样式配置？

Answer 1

我遇到了同样的问题，我不确定为什么文档显示该语法，我不确定 prettier 是否支持它。

而是将您的 .prettierrc 文件命名为 .prettierrc.js 并使用以下内容通过将其解构为更漂亮的文件来扩展 WordPress 配置。

module.exports = {
    ...require('@wordpress/prettier-config'),
};

此外，您还需要确保使用 WordPress' own version of prettier，这样您将获得 WordPress 在其 eslint 中使用的括号间距自动格式化。

npm i --save-dev "prettier@npm:wp-prettier@latest"

Answer 2

如果您使用的是 .prettierrc 以 JSON 或 .prettierrc.json 编写的文件，只需添加：

"@wordpress/prettier-config"

没有括号。

Configuring Prettier format tool for WordPress in .prettierrc