🐛[BUG]Build 时提示 SettingDrawer/index.less 语法错误

[xyy94813]

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

正常使用构建时提示 less 语法错误。

/Users/alex/Documents/workspace/honeyguide/node_modules/@ant-design/pro-layout/es/components/SettingDrawer/index.js: postcss-nested: /Users/alex/Documents/workspace/honeyguide/node_modules/@ant-design/pro-layout/es/components/SettingDrawer/index.less:72:7: Unexpected '/'. Escaping special characters with \ may help.

删除本地文件中该行注释后能正常运行

pro-components/packages/layout/src/components/SettingDrawer/index.less

Line 73 in 60c0961

// 侧边菜单布局

📷 复现步骤

CRA v5 项目 yarn start

🏞 期望结果

正常构建并运行

💻 复现代码

import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';

© 版本信息

• ProComponents 版本:
  • @ant-design/[email protected]
• 浏览器环境:
  Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36
• 开发环境
  • node v16.5.0
  • react-scripts v5 (webpack v5)
  • less v4.1.2
  • [email protected]

🚑 其他信息

[xyy94813]

貌似与 @dr.pogodin/babel-plugin-react-css-modules 有关，移除该 babel plugin 后运行正常

[xyy94813]

[
        '@dr.pogodin/babel-plugin-react-css-modules',
        {
          filetypes: {
            '.less': {
              syntax: 'postcss-less',
              plugins: ['postcss-nested'],
            },
          },
          generateScopedName: localIdentName,
        },
      ],

postcss-less v6 存在的 bug 降级至 v5 后正常

[xyy94813]

shellscape/postcss-less#147