css - 使用 css 模块，如何从文件中导入类

Question

我正在为我的元素使用 css 模块，并且我有一个文件 positioning.css，其中包含一些我想要导入的有用类。例如.right, .left

使用 CSS 模块的最佳方法是什么？

目前我可以看到 2 个选项，但它们都不是那么好:

组件样式中的组合

.right {
    composes: right from '../styles/positioning.css';
}

或

组件中导入多个css模块

import positioning from '../styles/positioning.css'
import styles from './myComponent.css';
Object.assign(styles, positioning)

class Menu extends Component {

  render() {

    return (
      <div styleName='menu'>
        <div styleName='left'>this is left</div>
        <div styleName='right'>this is right</div>
      </div>
    );
  }
};

export default CSSModules(Menu, styles);

Answer 1

我已经设法让它工作了:

// css file
@value class-to-compose from "file-where-class-is-defined.css";

.someclass {
  composes: class-to-compose;
  // other styles
}