vue less样式不生效

Vue中使用Less样式时，需要引入less-loader和style-resources-loader两个依赖。可以通过命令`npm install less-loader style-resources-loader --save-dev`进行安装。

在webpack配置文件中，需要添加以下代码：

module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.less$/,
        use: [
          'vue-style-loader', // 必须要有
          'css-loader',
          'less-loader'
        ]
      }
    ]
  },
  // ...
  plugins: [
    // ...
    new StyleResourcesPlugin({
      patterns: [
        path.resolve(__dirname, './src/assets/css/common.less') // 自己的全局样式文件
      ]
    })
  ]
}

此外，还需要在main.js中引入全局样式：

import '@/assets/css/common.less'

如果以上步骤都已经正确执行，但还是出现样式不生效的问题，可以检查以下几点：

1. 确认样式文件路径是否正确。
2. 如果样式使用了变量，需要确认变量是否定义了。
3. 如果使用scoped样式，需要确认是否存在命名冲突，可以使用`/deep/`或`::v-deep`等方式解决。

如果以上都检查正确，但问题仍未解决，可以尝试在组件内手动写入样式，确认是否为webpack配置问题。