vue项目引入less

Posted 野猪佩奇007

tags:

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

vue项目引入less报错

一 背景
因为我是用webpack 创建一个基于 webpack 模板的新项目: vue init webpack 项目名
在vue2项目上使用less,安装了 less 和 less-laoder之后,编译项目的时候提示报错
package.json里配置为


"less": "^4.1.1",
"less-loader": "^8.1.0",
 
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^4.1.0"

less-loader版本太高了,less8版本的需要更改配置,但我更改之后还是报错,所以只能降低版本

npm install less-loader@5.0.0 --save-dev

降级为5.0版本即可

快速解决方法

npm install less-loader@5.0.0 --save-dev

没有less的话安装一下:

npm install --save-dev less

以上是关于vue项目引入less的主要内容,如果未能解决你的问题,请参考以下文章

vue项目中样式重置 自动注入less

vue-cli3项目开启less支持并引入短链接

vue 引入less

怎么直接中vue组件的style使用less,不是引入less

Vue项目中如何使用less(添加less依赖)

vue按需引入ant-design-vue报错解决方案