webpack5 已经配置less 但是还是开发时候不生效，这个什么问题呢？

在Webpack 5中配置Less但仍无法在开发过程中应用，可能是由以下几个原因造成的：

1. **配置文件**：确认你在webpack.config.js中的loader配置是否正确。你需要确保安装了`style-loader`, `css-loader`, 和 `less-loader`。如果还没有安装，可以运行`npm install --save-dev style-loader css-loader less-loader`.

   module.exports = {
     // ...
     module: {
       rules: [
         {
           test: /\.less$/,
           use: ['style-loader', 'css-loader', 'less-loader'],
         },
       ],
     },
   };

2. **路径问题**：检查你的Less文件路径是否正确，以及它们是否位于正确的入口文件或模块内。如果 Less 文件不在预期位置，需要更新`include`或`exclude`选项。

3. **开发环境设置**：在开发环境中，你需要开启Less的实时编译功能。这通常依赖于像`less-loader`提供的`{sourceMap: true}`选项，以便开发者工具能看到样式变化。确认`devServer`配置中也包含了相关设置。

4. **Webpack dev server 配置**：确保Webpack Dev Server配置支持LESS热加载(`hot-module-replacement`)，如果没有，尝试加上`hot: true`。

5. **浏览器缓存**：有时浏览器可能会缓存旧的CSS文件，刷新页面或者清理浏览器缓存试试看。