如何在开发中禁用 Emotion 11 中的前缀?
How to disable prefixes in Emotion 11 in development?
在 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: [] }),
})
在 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: [] }),
})