глубокое объединение двух модулей scss вместе - PullRequest
Новая
       30

глубокое объединение двух модулей scss вместе

0 голосов
/ 25 января 2019

У меня есть модуль scss в одном компоненте React, и я передаю другой. Я хотел бы объединить оба вместе, но не переопределить другой полностью.

Я попробовал простое распространение обоих в новый объект, но этого недостаточно.Я также попробовал https://www.npmjs.com/package/deepmerge. Но это тоже не то, что я хочу.

Пример: 

    import myComponentStyles from './myComponent.module.scss';

    const MyComponent = ({ style = myComponentStyles }) => {
      const combined = { ...myComponentStyles, ...style };
   }

Поэтому, когда я рендерил свой компонент, я передаю новую таблицу стилей 

<MyComponent style={newStyles} />

Так что в обоих модулях у меня есть такой стиль.

myComponentStyles 

.item {
  color: white;
  max-width: 100%;
  letter-spacing: 1px;
  font-size: 12px;
}

тогда мои новые стили были переданы для объединения. 

.item {
  color: blue;
}

Проблема здесьвсе это стирается из базового модуля myComponentStyles.

  max-width: 100%;
  letter-spacing: 3.6px;
  font-size: 24px;

Как объединить, не стирая базовые стили полностью?

...