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

问题描述

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

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

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

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

解决方法

我得到了一个 answer from the emotion developers。

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

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