A Prettier plugin that sequentially merges the formatting results of other Prettier plugins.
npm install prettier-plugin-mergeA Prettier plugin that sequentially merges the formatting results of other Prettier plugins.
!Schematic diagram of how formats are merged.
Prettier has its limitations. If two or more plugins are configured to format a particular language, Prettier will only use the last of those plugins.
So, for example, if you configure it like this for JavaScript formatting, only prettier-plugin-classnames will be used.
``jsonc`
{
"plugins": [
"prettier-plugin-tailwindcss",
"prettier-plugin-classnames" // Prettier only uses this
]
}
However, you can overcome this limitation by adding prettier-plugin-merge as the last plugin.
`diff`
{
"plugins": [
"prettier-plugin-tailwindcss",
- "prettier-plugin-classnames"
+ "prettier-plugin-classnames",
+ "prettier-plugin-merge"
]
}
As mentioned above, Prettier uses the last of the plugins that can format a particular language (in this case JavaScript), so prettier-plugin-merge is used in the changed configuration.
`jsonc`
{
"plugins": [
"prettier-plugin-tailwindcss",
"prettier-plugin-classnames",
"prettier-plugin-merge" // Prettier only uses this
]
}
prettier-plugin-merge uses plugins written before this one in order, merging as much as possible the differences in formatting results depending on the presence of the plugin.
So you can combine as many plugins as you want.
`sh`
npm install -D prettier prettier-plugin-merge
Note: This plugin MUST come last. Other plugins usually have no order constraints. However, if there are multiple plugins formatting the same area, the output may vary depending on the order of those plugins.
JSON example:
`json`
{
"plugins": [
"prettier-plugin-tailwindcss",
"prettier-plugin-classnames",
"prettier-plugin-merge"
]
}
JS example (CommonJS module):
`javascript`
module.exports = {
plugins: [
'@trivago/prettier-plugin-sort-imports',
'prettier-plugin-brace-style',
'prettier-plugin-merge',
],
braceStyle: 'stroustrup',
};
JS example (ES module):
`javascript`
export default {
plugins: [
'prettier-plugin-brace-style',
'@trivago/prettier-plugin-sort-imports',
'prettier-plugin-merge',
],
importOrder: ['
importOrderSeparation: true,
};
Starting with 0.6.0`, when there is a minor release on one side, I plan to reflect that change on the other side as well if possible.
All other plugins used with this plugin must be compatible with your version of Prettier.
