引入全局组件 Module build faild

Question

IndexHead.vue:

<template>

<div>
    <div class="menu">
    </div>
    <div class="head_menu">
        <span>豆豆豆的博客</span>
        <a href="javascript:void(0)"></a>
        <a href="javascript:void(0)">登录 |</a>
        <a href="javascript:void(0)">注册</a>
        <div class="menulist">
        </div>
        <ul class="contenttypemenu">
            <li v-for="(contype,index) in contenttype" @click=changecontent(index)>{{contype.typename}}</li>
        </ul>
    </div>
</div>

</template>
<script>
export default{

name: 'my-comp'

}
</script>

myblog.js:

import MyComp from '../components/IndexHead.vue';
const Comp = {

install: function(Vue){
    Vue.component('Comp', MyComp)
}

};
export default Comp

webpack.config.js ：

var webpack = require("webpack");
var path = require('path');
module.exports = {

entry:'D:\\My job\\MyBlog\\js\\myblog.js',
output:{
    path:path.resolve(__dirname,'dist'),
    filename:'bundle.js'
},
module:{
    rules:[
        {test:/\.(vue|js)$/,loader:'babel-loader'}
    ]
}

}