不纠正某些代码行的 printWidth 更漂亮

如何解决不纠正某些代码行的 printWidth 更漂亮

有些代码行中 Prettier（我们使用的是 2.2.1）不会自动更正 printWidth。

例如，如果 printWidth 减少到 70，则此行：

const DeckList = loadable(() => import('../components/Decks/DeckList'),{});

转换为：

const DeckList = loadable(
  () => import('../components/Decks/DeckList'),{}
);

但是无论我将 printWidth 值设置得有多低，这条线都不会自动更正：

import {openNotificationWithIcon} from 'Components/Notifications/Notification.js';

这是 prettier 的一个已知问题，其中某些代码行必须手动更正？

解决方法

就在我发布这个问题之后，我发现 this comment on the Prettier GitHub repo 表明它的设计使将 import 语句保持在一行中的规则更优先：

这实际上是有意的。我们有一个特殊的 import 和 require 使用单个元素的情况，我们将它们保存在一行中。当它们在两行中时，您不会获得更多信息，并且在一系列导入时它们看起来更糟。这样做是由于使用 prettier 的人们的普遍要求。