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

Question

在 Emotion 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 .

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

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