多个Prettier插件冲突：如何解决插件生效顺序问题？

多个Prettier插件冲突及解决方案

本文分析了多个自定义Prettier插件冲突，导致仅最后一个插件生效的问题，并提供了解决方案。

问题描述：

用户使用了两个Prettier插件：prettier-plugin-self-closing-tags和prettier-plugin-transform-imports。在.prettierrc.js中，两个插件都列在plugins数组中，但只有位于数组末尾的prettier-plugin-self-closing-tags生效，prettier-plugin-transform-imports无效。

.prettierrc.js配置如下：

// .prettierrc.jsconst prettierpluginselfclosingtags = require('./.prettier-plugins/prettier-plugin-self-closing-tags.js');const prettierplugintransformimports = require('./.prettier-plugins/prettier-plugin-transform-imports.js');module.exports = {  singleQuote: true,  plugins: [    prettierplugintransformimports, // 将相对路径转换为绝对路径    prettierpluginselfclosingtags, // 将标签转换为自闭合标签  ],};

登录后复制