webpack - 将 webpack 与 vue 一起使用，但 require 似乎不起作用

Question

我用webpack打包js，示例:

var Vue = require('vue')

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

    methods: {

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

使用Webpack 生成bundle 并包含在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'
    }
}

这是 documented here , 但不容易找到