Как решить проблему выравнивания «базовый css дизайна ant» и «базовый css попутного ветра»? Как избежать изменения глоба ⇐ CSS

[Anonymous]

Я предпочитаю создавать стиль проекта и стиль компонентов с помощью CSS-фреймворка Tailwind. Я хочу использовать несколько компонентов дизайна муравьев. Tailwindcss и ant.design имеют проблемы вместе. Выравнивание дизайна Ant теряется, когда мы импортируем @import 'tailwindcss/base' в проект, а когда мы его удаляем, выравнивание дизайна ant будет работать нормально. 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:

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


Подробнее здесь: https://stackoverflow.com/questions/608 ... ts-problem