在开发中如何禁用情感11中的前缀?

Question

在Emotion 11之前的版本中，我曾经像这样禁用CSS前缀:

const emotionCache = createCache({
  prefix: process.env.NODE_ENV === 'development' ? false : true,
})

现在前缀是Stylis解析器的插件，并且prefix选项已被删除。他们说如果你想定制它，你可以复制粘贴插件代码。但是我只想在开发中禁用它。

有干净的方法吗?

Answer 1

我从情感开发者那里得到了答案。

可以禁用所有Stylis插件-包括自动前缀-像这样:

const emotionCache = createCache({
  key: 'your-key',
  ...(process.env.NODE_ENV === 'development' && { stylisPlugins: [] }),
})