vue2中如何配置less

Vue2中使用Less需要先安装less和less-loader这两个依赖。可以在项目的根目录下运行以下命令进行安装：

npm install less less-loader --save-dev

安装完成后，在项目的vue.config.js中进行如下配置：

module.exports = {
  css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true
      }
    }
  }
}

然后在组件中使用Less文件进行样式编写，并在模板中引入：

<template>
  <div class="less-class">Hello world!</div>
</template>

<style lang="less">
.less-class {
  color: red;
}
</style>

再运行项目，就可以看到使用Less编写的样式已经生效了。注意，使用Less时要将style标签的lang属性设置为"less"。