javascript - 不要在带有 Prettier 的 Styled Components 中添加新行

Question

我在使用 Prettier 格式化代码时将 React 与 Styled Components 一起使用。让我们有以下代码：

const Component = Styled.div`
    color: green;

    ${props => props.important && `
        font-weight: bold;
    `}
`

它是简单样式的组件，具有用法<Component />或<Component important={true} />. 但是，当我使用 Prettier 格式化代码时，代码变为：

const Component = Styled.div`
    color: green;

    ${props =>
        props.important &&
        `
        font-weight: bold;
    `}
`

在这种情况下，有什么方法可以设置 Prettier 在之后=>和之后不添加换行符&&？我在Prettier options中进行了搜索，但没有找到任何东西。

标签： javascriptformatnewlinestyled-componentsprettier

Answer 1

如果您在此处找不到执行此操作的选项，那么这是不可能的。

按设计 - Prettier 并不打算提供很多配置选项。