vue-loader版本v14与v15配置问题

问题描述

vue-loader版本v14和v15在webpack.config.js配置上是有区别的。

在v14版本，我们只需要配置vue的rules即可：

module: {
   rules: [
       { test: /\.vue$/, loader: "vue-loader" },
   ]
}, 

解决办法

需要在webpack.config.js头部加上：

const VueLoaderPlugin = require('vue-loader/lib/plugin'); 

然后在plugin中加上：

plugins: [
   new VueLoaderPlugin()
] 

问题即可解决。