配置mpvue支持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】启动项目后,报错:
    在这里插入图片描述
    查了下网上大部分都是有关 sass 的问题,看了下。发现原因是由于less-loader安装的版本过高,在【package.json】中,可查看到安装的版本

**解决方法:**卸载安装的高版本的less-loader,【npm uninstall less-loader】,安装指定低版本的less-loader【npm install less-loader@4.1.0 --save】

Logo

前往低代码交流专区

更多推荐