Настройка темы Ant Design: что это за ключ «взломать» в опции «modifyVars» для less-loader? - PullRequest
1 голос
/ 23 марта 2020

Я недавно настраивал тему 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 документация и исходный код.

Видно, что он пишет импорт в исходном коде без стилей, чтобы переопределить тему по умолчанию, но я бы хотел на самом деле знать , что это происходит.

Кто-нибудь сможет объяснить это точно или указать мне правильный ресурс, чтобы понять это?

...