webpack5 less未生效

你可以尝试以下几个步骤来解决 webpack5 中 less 文件未生效的问题：

1. 确认你已经安装了 less 和 less-loader 依赖。

2. 在 webpack 配置文件中添加 less-loader 的配置，示例代码如下：

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

3. 确认你在 less 文件中使用了正确的语法，示例代码如下：

@color: red;

body {
  color: @color;
}

如果以上步骤都无法解决问题，你可以尝试更新 webpack 和 less-loader 的版本，或者查看 webpack 打包时的报错信息，以便更好地定位问题所在。

相关问题

webpack5 配置了相关loader 但 less未生效

如果你已经在 webpack5 中配置了相关的 less loader，但是 less 仍然未生效，可能是以下原因导致的：

1. 检查 less-loader 版本是否与 webpack 版本兼容。webpack5 可能需要使用 less-loader 6.x 版本或更高版本。

2. 确保在 webpack 配置文件中的 less-loader 配置项中设置了 `sourceMap: true`，这样 less 文件的源码映射才能被生成。

3. 检查 less 文件是否正确引入并且路径正确。可以在 less 文件中添加一些样式，看看是否生效。

4. 确保在 webpack 配置文件中的 rules 配置项中，less-loader 的顺序正确。通常应该在 css-loader 之前使用 less-loader。

如果以上方法都无法解决问题，可以尝试使用 less 编译器手动编译 less 文件，看看是否存在语法错误或其他问题。

less文件未生效，webpack未报错

在Webpack中，less文件需要经过一系列的loader处理，然后才能被打包到最终的文件中。如果你的less文件未生效，可以尝试以下几种方法：

1. 确认less-loader是否已安装并正确配置到Webpack中。

2. 确认less文件是否被正确引入到Webpack的入口文件中。

3. 检查less文件的语法是否正确，可以尝试手动编译less文件并检查是否有报错信息。

4. 检查当前项目中是否存在其他可能会影响less文件编译的配置或插件。

如果以上方法都无法解决问题，可以尝试查看Webpack的编译输出，看是否有错误信息。同时，可以尝试在Webpack配置中开启debug模式，以便更好地定位问题。