[email protected] VueLoaderPlugin无法loader

在安装了Vue插件之后，发觉编译不了.vue文件，但是已经把vue-loader vue-template-compiler 都下载完毕，并且还在webpack.config.js里面配置了

 {test:/\.vue$/,use:'vue-loader'}

但是还是不行，一直提示：

client:162 ./src/login.vue
Module Error (from ./node_modules/[email protected]@vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

后来发现是没有配置 引包

const { VueLoaderPlugin } = require('vue-loader');

plugins:[
     new VueLoaderPlugin()
	]

配置完毕之后就可以正常的包vue文件了

 

附加：

 webpack中如何使用vue
//1.安装vue包 cnpm i vue -D
//2.由于需要在webpack中要使用 .vue 这个组件模板定义组件 所以需要下载 安装能够解析 .vue 的loader
 //cnpm i vue-loader vue-template-compiler -D
 //3.在main.js文件中 导入vue模块 import Vue from 'vue'
 //4.定义一个.vue结尾的组件，里面的内容包括 template script style 这三大主标签
 //5.需要在webpack.config.js 的配置文件里面定义组件 {test:/\.vue/,use:'vue-loader'}
 //6.使用import xxx from './xxx.vue',导入这个组件
 //7创建vm实例 var vm = New Vue({el:'#app',render:c=>c(xxx)})
 //8.在页面中创建一个id为app的div元素，作为vm实例控制的区域