如何在开发中禁用Emotion 11中的前缀？

Question

在11之前的情感版本中，我曾经在开发中禁用CSS前缀，如下所示：

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

现在，the prefixer is a plugin of the Stylis parser和prefix选项已被删除。他们说，如果你想定制插件代码，你可以复制并粘贴它。但我想要的只是在开发中禁用它。

有没有一种干净利落的方法？

Answer 1

我有一台answer from the emotion developers。

可以禁用所有的样式插件-包括自动前缀-如下所示：

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