第一步安装
yarn add less less-loader --save-dev
好了 页面报错了
TypeError: this.getOptions is not a function
at Object.lessLoader (/Users/linwenyu/ccc/pc-next/node_modules/less-loader/dist/index.js:19:24)"
再看不懂也知道是安的less-loader有问题,但是不知道什么问题,直接在vue里用也没遇到过啊。百度!
说是版本太高了,就把less-loader换成了7的版本,还是报这个错,就直接把报错放度娘里查,最后安了个3.9的less和5.0的less-loader,重启,搞定,项目运行起来了,命令如下。
yarn add less@3.9.0 less-loader@5.0.0 --save-dev
常用vue+less的应该不用我说咋用了,不常用的可以看看相关资料。基本上结构是
<template>
<div><p>123</p></div>
</template>
<style scoped lang="less">
div {
p {
color:#f00;
}
}
</style>