配置vue支持less安裝及使用步驟如下:
安裝【npm install less less-loader --save】
在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入
{ test: /.less$/, loader: "style-loader!css-loader!less-loader", }
在【style】標簽里面寫上【lang=“less”】
【npm run dev】啟動項目后,報錯:
- 這里主要由於less-loader安裝的版本過高,在【package.json】中,可查看到安裝的版本
- 解決方法:卸載安裝的高版本的less-loader,【npm uninstall less-loader】,安裝指定低版本的less-loader【npm install less-loader@4.1.0 --save】