Я использую модули 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);