新建了一个vue项目，需要使用 less ，记录一下安装过程中遇到的问题。
npm install less less-loader --save-dev
执行了这个命令，之后包了这个错误
image.png
查看了一下安装的less-loader版本
image.png
大概原因是因为loader版本太高了，所以重新安装了一下
卸载已安装的高版本
npm uninstall less-loader
安装低版本
npm install less-loader@4.1.0 --save
安装成功之后，npm run dev启动项目时候，出现了以下提示，没有顺利的启动成功
image.png
解决方案：找到 node_modules --> vue-loader --> lib --> template-compiler --> index.js
image.png
打开上图中的index.js，找到 parser:'babylon'
image.png
改成
image.png
再启动一次
npm run dev
image.png
启动成功，这时候页面就可以引入公用的less文件了！
image.png
完美~~
网友评论