vue.js2.0引入webpack后文件变量传递错误

Question

由于vue.js2.0不支持import方式，所以用webpack对lv_vue.js打包，生成bundle.js.

import myVideo from 'vue-video';
export default {
    data () {
        return {
            video: {
                sources: [{
                    src: 'http://covteam.u.qiniudn.com/oceans.mp4',
                    type: 'video/mp4'
                }],
                options: {
                    autoplay: true,
                    volume: 0.6,
                    poster: 'http://covteam.u.qiniudn.com/poster.png'
                }
            }
        }
    },
    components: {
        myVideo
    }
}

在index.html中调用bundle.js

<script>
    var myvideo = require('../public/bundle.js');
</script>

myvideo的值为空，是什么原因呢？

Answer 1

试下 var myvideo = require('../public/bundle.js').default;