多个Prettier插件仅最后一个生效？如何解决？

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

本文分析Prettier配置中，多个自定义插件仅最后一个生效的问题，并提供解决方案。

问题描述：

在.prettierrc.js文件中配置了prettier-plugin-self-closing-tags和prettier-plugin-transform-imports两个自定义插件。这两个插件都通过withPluginsPreprocess函数在preprocess阶段处理代码。然而，只有prettier-plugin-transform-imports生效，prettier-plugin-self-closing-tags无效。

代码示例：

// .prettierrc.jsconst selfClosingTagsPlugin = require('./.prettier-plugins/prettier-plugin-self-closing-tags.js');const transformImportsPlugin = require('./.prettier-plugins/prettier-plugin-transform-imports.js');module.exports = {  singleQuote: true,  plugins: [    transformImportsPlugin,    selfClosingTagsPlugin,  ],};

登录后复制