“您可能需要一个合适的加载器来处理此文件类型”webpack 和 vue

我正在尝试使用以下命令编译 webpack：

node_modules/.bin/webpack

我收到错误：

Module parse failed: 
/home/vagrant/Code/stream/resources/assets/js/views/Contact.vue 
Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

webpack 在每个扩展名为 .vue 的文件中显示错误

我的路线看起来像这样

import VueRouter from 'vue-router';

let routes = [
{
    path: '/',
    component: require('./views/Home')
},

{
    path: '/about',
    component: require('./views/Test')
},

{
    path: '/contact',
    component: require('./views/Contact')
}
];

export default new VueRouter({
routes,
linkActiveClass: 'is-active'
});

正如错误消息所暗示的那样：

您可能需要适当的加载程序来处理此文件类型。

你需要添加vue-loader到你的 webpack 配置。

您可以在此处找到此类集成的示例：
https://github.com/vuejs-templates/webpack-simple