Я недавно настраивал тему Ant Design для проекта, и все идет нормально. Тем не менее, я заинтригован этим подходом, представленным в документации (https://ant.design/docs/react/customize-theme#Customize -in-webpack ):
{
loader: 'less-loader', // compiles Less to CSS
options: {
modifyVars: {
'hack': `true; @import "your-less-file-path.less";`, // Override with less file
},
javascriptEnabled: true,
},
И конкретно эта строка: 'hack': `true; @import "your-less-file-path.less";
Я понимаю, что modifyVars
использует функцию Less (http://lesscss.org/usage/#using -less-in-the-the-browser-modify-variable ), но я также не смог найти упоминания об этом ключе hack
в Less, less-loader или Ant Design документация и исходный код.
Видно, что он пишет импорт в исходном коде без стилей, чтобы переопределить тему по умолчанию, но я бы хотел на самом деле знать , что это происходит.
Кто-нибудь сможет объяснить это точно или указать мне правильный ресурс, чтобы понять это?