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

Question

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

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

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

有没有一种干净的方法来做到这一点？

Answer 1

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

\n

可以禁用所有 Stylis 插件 \xe2\x80\x93 包括自动前缀 \xe2\x80\x93，如下所示：

\n

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

\n