In Emotion versions previous to 11 I used to disable CSS prefixing in development like this:
const emotionCache = createCache({
prefix: process.env.NODE_ENV === 'development' ? false : true,
})
Now the prefixer is a plugin of the Stylis parser and the prefix option has been removed.
If there is still a way to do that, you should write it in the documentation.
It's very difficult to use the browser console and live edit the CSS when there are vendor-prefixes all over the place.
const emotionCache = createCache({
key: 'your-key',
...(process.env.NODE_ENV === 'development' && { stylisPlugins: [] }),
})
If there is still a way to do that, you should write it in the documentation.
Documentation PRs are always welcome!
Most helpful comment
Documentation PRs are always welcome!