Vue中使用less
Posted wangshishuai
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中使用less相关的知识,希望对你有一定的参考价值。
npm install less less-loader --save-dev 或者 安装指定版本的 //卸载命令 npm uninstall less-loader //重新下载 npm install less-loader@4.1.0
2.配置less路径:
build -> webpack.base.conf.js里面的module的rules内添加
{ test: /.less$/, loader: ‘style-loader!css-loader!less-loader‘ }
3.页面中使用
<style lang=‘less‘> @import url("./statistical.less"); </style> //statistical.less 文件 #statistical{ div{ font-size: 12px; color: red; } }
以上是关于Vue中使用less的主要内容,如果未能解决你的问题,请参考以下文章