Создайте приложение реакции: измените порядок тегов, чтобы CSS был в правильном порядке - PullRequest
Новая
       67

Создайте приложение реакции: измените порядок тегов, чтобы CSS был в правильном порядке

0 голосов
/ 24 апреля 2019

Я использую create react app для создания своего веб-приложения и использую ant design компоненты. Я использую styled-components для дальнейшей настройки стиля. Сейчас все хорошо.

Однако, когда я пытаюсь изменить основной цвет, следуя this , я заметил, что мое правило css (с styled-components) переопределяется вновь скомпилированным (с менее, по умолчанию стиль antd с изменен основной цвет).

Когда я открываю консоль разработчика, скомпилированная CSS находится в последней позиции. Когда я перетаскиваю и изменяю порядок тега стиля в консоли разработчика, он дает мне правильное отображение. Как настроить так, чтобы antd css предшествовал styled-components one?

Это мой config-overrides.js

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#333' },
  }),
);
...