如何在Vue脚手架中添加less依赖-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

如何在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依赖
链接URL:http://kswsj.cn/article/dpohhgc.html

其他资讯