如何在Vue脚手架中添加less依赖

要在Vue脚手架中添加less依赖，需要执行以下步骤：

1. 安装less和less-loader

2. 在vue.config.js文件中配置loader

现在我们来详细介绍这两个步骤。

第一步：安装less和less-loader

我们需要安装Less和Less-Loader。可以通过npm或yarn进行安装。

使用npm：

```

npm install less less-loader --save-dev

使用yarn：

yarn add less less-loader -D

`--save-dev`（或 `-D`）的意思是将包作为开发环境的依赖项进行安装。因为Less只是用于编译CSS，并不会影响应用程序的生产环境。

第二步：配置loader

接下来，在项目根目录下创建一个名为 `vue.config.js` 的文件（如果该文件已经存在，则直接打开它）。在该文件内加入以下代码：

```javascript

module.exports = {

css: {

loaderOptions: {

less: {

javascriptEnabled: true,

},

},

},

};

上面这段代码告诉Webpack去加载 Less 文件，并且启用JavaScript表达式。还可以通过修改 `modifyVars` 对象以动态更改样式变量值。但这超出了本文范围。