webpack - 自定义 Ant Design 的主题 : what exactly is that 'hack' key in the 'modifyVars' option of less-loader?

Question

最近在为一个项目定制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-browser-modify-variables)，但是我在 Less、less-loader 中找不到任何关于这个 hack 键的提及或 Ant Design 文档和源代码。

它有点理解它是在无源样式中编写一个导入来覆盖默认主题，但我很想真正知道它发生了什么。

有人能准确地解释它，或者给我指出正确的资源来理解它吗？

Answer 1

不太确定，调试了一段时间，发现hack不重要，true也没用。

例如:

'any_word_you_like': `; @import "your-less-file-path.less";`

但是，;很重要。

相关代码在https://github.com/less/less.js/tree/master/packages/less/src/less/parser , 以及相关的解析逻辑我没看懂