使用webpack与vue,但要求似乎不起作用

Question

我使用webpack捆绑js,示例:

var Vue = require('vue')

var app = new Vue({
    el: '#app',
    data: {
        info: { email: '' },
        email: ''
    },

    methods: {

        onSignin: function (e) { },
    }
})

使用Webpack生成一个包并将其包含在html中,得到错误:

test3b.js:7019 Uncaught TypeError: Vue is not a constructor(…)

知道这里缺少什么吗？谢谢,

Answer 1

var Vue = require('vue')

是正确的,但默认情况下它会拉入运行时版本:

vue/dist/vue.runtime.common.js

这将触发错误并标记为警告,需要告诉webpack引入另一个版本,

vue/dist/vue.min.js

为此,请将以下内容添加到webpack.config.js中:

resolve: {
    alias: {
      vue: 'vue/dist/vue.min.js'
    }
}

这是在这里记录的,但不容易找到