在生产/开发中，以不同的顺序解释CSS类名

Question

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

我有一个带有几个类名的组件：“ x15 x14 login-form__field”。在HTML中，两种环境中它们的顺序相同。

在生产版本中，“。x14”比“ login-form__field”的优先级更高。它们在开发中是相反的（正确的）。有任何想法吗？我知道webpack会进行一些吊装和后处理，但不确定为什么会影响它。

干杯

-更新-

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

-第二次更新-

Create-react-app将'styleLoader'用于dev中的内联样式以进行热重载，并且仅生成CSS用于生产。这是有道理的。

Answer 1

Create-react-app 在开发中使用“styleLoader”作为内联样式进行热重载，并生成仅用于生产的 CSS。