Vue 中 less 的用法

Posted 欢迎来到我的博客

tags:

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

直接安装即可,无需配置

npm i less less-loader

这个 less(css预处理语言) 应该是没有更新了

vue中使用less

我们需要下载less对应的依赖包
第一步:
安装less依赖,npm install less less-loader --save
第二步:
修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
如图:
技术分享图片
技术分享图片
然后,我们就可以再style中通过 lang="less" 来实现其less的引用
 

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

杂记 -- 关于less在vue项目中的使用

less.modifyVars的用法

less的使用

Vue中JSX的基本用法

less的用法

stylus的用法