webpack.config.js

// const AntdScssThemePlugin = require('antd-scss-theme-plugin');
// AntdScssThemePlugin.themify({
//     loader: 'sass-loader',
//     options: {
//       sourceMap: process.env.NODE_ENV !== 'production',
//     },
//   })
// const webpackConfig = {
//   // ...
//   plugins: [
//     new AntdScssThemePlugin('./theme.scss'),
//   ],
// };

const { getThemeVariables } = require('antd/dist/theme');

// webpack.config.js
module.exports = {
  rules: [{
    test: /\.less$/,
    use: [{
      loader: 'style-loader',
    }, {
      loader: 'css-loader', // translates CSS into CommonJS
    }, {
      loader: 'less-loader', // compiles Less to CSS
     options: {
       lessOptions: { // 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。
         modifyVars: getThemeVariables({
           dark: true, // 开启暗黑模式
           compact: true, // 开启紧凑模式
         }),
         javascriptEnabled: true,
       },
    },
    }],
  }],
};