Использование модулей css, как я могу использовать композиции для включения списка переменных для цветов

Question

Я использую css modules и post-css. Я добавил post-css-simple-vars плагин

colors.css

$orange: #ff6600; 
$blue: #056ef0; 

В моей button.css файл, как я могу использовать состав, так что я могу повторно использовать переменные в colors.css?

button.css

.button { 
    composes: * from '../styles/colors.css'; 
    background-color: $orange; 
} 

Answer 1

Лучший подход, который я нашел до сих пор экспортировать переменные @value «с помощью postcss-modules-values плагин

colors.css

@value blue: #0c77f8; 
@value red: #ff0000; 
@value white: #fff; 

button.css

@value colors: "./colors.css"; 
@value blue, white, red from colors; 

.button { 
    color: blue; 
    background-color: red; 
} 

Заканчивать css-module-npm-boilerplate для примера