vue cli4 中使用less
发布日期:2021-05-27 02:32:25 浏览次数:4 分类:技术文章

本文共 379 字,大约阅读时间需要 1 分钟。

vue 版本

1.首先安装这俩

npm i less-loader less --save-dev

注后续可能会出错,因为会出现less-loader版本高而报错

所以可以分开安装即

npm i less --save-dev

npm install -D less-loader@7.x

2 安装完成后使用 lessc -v查看版本如果能出现版本信息,则说明没问题否则可能出现如下问题

解决方法:

npm install less -g

npm install less-plugin-clean-css

再lessc -v 就能显示了

3、使用less

在 main.js中添加如下内容:

import less from 'less'

Vue.use(less)

然后在自己的vue项目中想要用到less 的地方使用 lang="less"即可使用例如

 

 

 

 

 

转载地址:https://blog.csdn.net/jjw_zyfx/article/details/117186280 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:vue 使用mock模拟get和post请求
下一篇:flex 布局中的margin和padding

发表评论

最新留言

不错!
[***.144.177.141]2023年11月15日 05时13分44秒