React 19版本中如何正确配置Less样式不生效问题？

Question

react19版本中配置less样式不生效

按照网上能找到的所有的都配置了，还是不生效，css样式正常，less样式出不来，也不会报错，刚学习react，求大佬解答

Answer 1

直接用问问AI吧，你这个代码看着用的是 sass-loader 并没有配置less-loader

Answer 2

，这里怎么还是sass-loader。
这样的配置试试：

{
        test: /\.less$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              modules: {
                auto: true, // 启用 CSS Modules（文件名需包含 .module.less）
                localIdentName: '[name]__[local]--[hash:base64:5]',
              },
            },
          },
          {
            loader: 'less-loader',
            options: {
              lessOptions: {
                javascriptEnabled: true, // 启用 Less 的 JS 解析（某些库需要）
                modifyVars: {
                  '@primary-color': '#1DA57A', // 自定义变量示例
                },
              },
            },
          },
        ],
        // 排除 node_modules 目录（按需调整）
        exclude: /node_modules/,
      },