如何在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` 对象以动态更改样式变量值。但这超出了本文范围。

文章题目：如何在Vue脚手架中添加less依赖
标题网址：http://www.hantingmc.com/qtweb/news47/386847.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联