自动将 css 规则添加到 Webpack 中的弹性项目

Question

我想将 css 规则 min-width:0 添加到所有作为 flex 项目的元素——具有规则 display: flex。

这有助于在 flexbox 中 prevent issues。是否有允许这样做的 webpack 或 postcss 插件？我主要使用create-react-app 作为样板项目和样式组件。

Answer 1

有一个非常流行的 postcss 插件 postcss-flexbugs-fixes 可以帮助解决 flexbox 的一些问题。