“特殊性问题”；“组成”；使用CSS模块和React的关键字

在尝试使用CSS模块“composes”关键字时，我遇到了CSS特殊性/导入顺序问题

文件结构：

|_ MyComponent.jsx
|_ MyComponent.scss
|_ utilities.scss

MyComponent.jsx

import React from 'react';
import styles from './MyComponent.scss';

const MyComponent = ({ error }) => {
  const classes = classnames(
    styles.root,
    {
      [styles.error]: error
    }
  );
};

export default MyComponent;

MyComponent.scss

.root {
  color: #333;
}

.error {
  composes: red from './utilities.scss';
}

.red {
   color: red;
}

实用程序.scss

.root {
  color: #333;
}

.error {
  composes: red from './utilities.scss';
}

.red {
   color: red;
}

正如您在下面的屏幕截图中所看到的，由于进口订单问题，

.red

类未应用。有没有一种方法可以解决这个问题，而不必求助于

！重要信息

---

注意：我正在使用带有webpack+scss加载程序的CSS模块。

Hi@cusejuice！我也有同样的问题。除了

，你找到解决方案了吗！重要信息

？嗨@cusejuice！我也有同样的问题。除了

，你找到解决方案了吗！重要信息

？