自定义Ant Design的主题：less-loader的'modifyVars'选项中的'hack'键到底是什么？

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 或 Ant 中找不到任何关于这个 hack 键的提及设计文档和源代码。

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

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

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，相关解析逻辑没看懂

自定义Ant Design的主题：less-loader的'modifyVars'选项中的'hack'键到底是什么？

Customizing Ant Design's theme: what exactly is that 'hack' key in the 'modifyVars' option of less-loader?

less

webpack

antd

less-loader