vue中 如何使用less

Posted xzqyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中 如何使用less相关的知识,希望对你有一定的参考价值。

首先vue开发环境已经安装成功

当所有东西都 准备好之后 :

第一步:

安装less依赖,npm install less less-loader --save

第二步:

修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加

{

test: /.less$/,

loader: "style-loader!css-loader!less-loader",

},

现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)

以上是关于vue中 如何使用less的主要内容,如果未能解决你的问题,请参考以下文章

vue中 如何使用less

代码分析vue中如何配置less

less在vue中的使用

vue中使用less

怎么在vue中使用less

vue项目使用less全局变量