我正在使用create-react-app v2 .

我有一个包含多个类名的组件:“x15 x14 login-form__field” . 在HTML中,它们在两种环境中都是相同的顺序 .

在 生产环境 版本中,“ . x14”的优先级高于“login-form__field” . 它们在开发中是颠倒的(和正确的) . 有任何想法吗?我知道webpack做了一些提升和后处理,但不确定为什么会影响它 .

Dev & Prod class order

Development

Production

干杯

-- Update --

我刚刚注意到自定义类是作为内联样式加载的,这就是它获得优先级的原因 . 我假设webpack正在这样做 . 无论如何我们可以告诉webpack / CRA将样式加载为样式表 - 而不是内联 . 否则,这意味着样式不代表 生产环境 .

-- Second Update --

Create-react-app使用'styleLoader'为dev中的内联样式进行热重新加载,并仅为 生产环境 生成CSS . 这是有道理的 .