为什么定制主题在less-loader6.0.0版本生效，在less-loader7.2.1版本不生效

[yhzy888]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0

Environment

chrome 87.0.4280.141 vue3

Reproduction link

https://github.com/vueComponent/ant-design-vue

Steps to reproduce

按照https://2x.antdv.com/docs/vue/customize-theme-cn 进行主题颜色配置，less-loader的版本7.2.1的时候不生效，改成6.0.0版本则生效。

What is expected?

希望less-loader的任何版本下修改主题颜色配置都能生效

What is actually happening?

按照https://2x.antdv.com/docs/vue/customize-theme-cn 进行主题颜色配置，less-loader的版本7.2.1的时候不生效，改成6.0.0版本则生效。

[zkwolf]

less-loader哪来的7.1.2

[yhzy888]

less-loader哪来的7.1.2
是7.2.1

[github-actions]

Hello @yhzy888. Please provide a online reproduction by forking this link for vue2、 link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @yhzy888, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2、 此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

[zhangzhi93]

也遇到这个问题了，直接报错，报错信息是
`
Syntax Error:

position: absolute;
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;

^
Operation on an invalid type
`

"less": "^4.1.1",
"less-loader": "^7.2.1",

[zhangzhi93]

也遇到这个问题了，直接报错，报错信息是
`
Syntax Error:

position: absolute;
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;

^
Operation on an invalid type
`

"less": "^4.1.1",
"less-loader": "^7.2.1",

[tangjinzhou]

less 4 语法有改动
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
这个是不合法的，改成
top: 8px + (@font-size-base * @line-height-base / 2) - (@font-size-base / 2);
要么降级 less 到 3.x版本

[zhangzhi93]

less 4 语法有改动
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
这个是不合法的，改成
top: 8px + (@font-size-base * @line-height-base / 2) - (@font-size-base / 2);
要么降级 less 到 3.x版本

那1.x不再维护了吗？1.x不再支持less4？

[tangjinzhou]

less-loader 7 内置了依赖 less 4

[tangjinzhou]

less 4 语法有改动
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
这个是不合法的，改成
top: 8px + (@font-size-base * @line-height-base / 2) - (@font-size-base / 2);
要么降级 less 到 3.x版本

那1.x不再维护了吗？1.x不再支持less4？

维护，但不对less 的改动在做兼容，使用less3 即可

[ayiaq1]

在 less 的配置项中指定 math 为 "always" ：

   lessOptions: {
      modifyVars: {
        '@primary-color': 'xx',
      },
      javascriptEnabled: true,
     // 兼容 less-loader 3.x 
      math: 'always' 
    }

less-loader 从 3.x 升级到 4.x 后语法有变化

[guozhengzhongGit]

在 less 的配置项中指定 math 为 "always" ：

   lessOptions: {
      modifyVars: {
        '@primary-color': 'xx',
      },
      javascriptEnabled: true,
     // 兼容 less-loader 3.x 
      math: 'always' 
    }

less-loader 从 3.x 升级到 4.x 后语法有变化

cool

[kangaroo-525]

为何我这样不起作用呢

css: {
  loaderOptions: {
    less: {
      lessOptions: {
        modifyVars: {
          '@primary-color': 'xx'
        },
        javascriptEnabled: true,
        // 兼容 less-loader 3.x
        math: 'always'
      }
    }
  }
},