Vue中引入第三方框架less样式报错

最近在开发项目过程中，需要使用到Muse-UI前端框架中的几个组件，安装过程都很顺利，但是在需要引入less样式文件的时候出问题了，情景还原以下：

import 'muse-ui/lib/styles/theme.less'

接下来看一下报错信息：

大致意思就是无法识别你引入的这个less文件，然后用排除法来找问题

• 该less文件是否存在
• 是否安装了less插件以及less-loader插件
• 是否在.babelrc配置了plugins内容
• 检查以下less-loader版本是否支持当前项目

我检查大半天后，发现上面几点都没问题，还是同样的报错，接着我求助百度，翻看了很多资料，大部分都说要在在style标签中使用，类似下面这种写法

<style lang='less'>
    @import 'muse-ui/lib/styles/theme.less'
</style>

结果并不管用，还出现了新的报错，最后折腾了几个小时，终于解决了，首先找到项目中的webpack.base.conf.js文件，然后找到下面红框中的对象:

删掉，重新编译即可！