Как решить проблему выравнивания "ant design base css" и "tailwind css base css"? Как избежать и изменение глобальных стилей? - PullRequest
Новая
       25

Как решить проблему выравнивания "ant design base css" и "tailwind css base css"? Как избежать и изменение глобальных стилей?

1 голос
/ 25 марта 2020

Я предпочитаю создавать стиль проекта и стиль компонентов с попутным ветром css. Я хочу использовать несколько компонентов дизайна муравья. У попутного ветра css и ant.design есть проблемы вместе. Выравнивание дизайна Ant теряется, когда мы импортируем @import 'tailwindcss/base' в проект и когда мы его удаляем, выравнивание ant design будет работать нормально. Муравей дизайн изменить глобальные стили и в соответствии с документом Я пытаюсь предотвратить это , но этот метод не работает для меня! Мой babel.config. js: 

['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }],

Я добавляю этот плагин в конфигурацию моего веб-пакета: 

new webpack.NormalModuleReplacementPlugin(
  /node_modules\/antd\/lib\/style\/index\.less/,
  path.resolve(__dirname, './src/antd.less'),
),

и antd.less file: 

#antd {
  @import '~antd/es/style/core/index.less';
  @import '~antd/es/style/themes/default.less';
}
...