从 JS 文件中获取 Vue

我对现代前端开发工具还很陌生。 我安装了 Nodejs 和 NPM。下载了一些软件包（例如：“jquery”）并且一切正常。然后我安装了 Webpack（第 2 版），我创建了这个演示配置文件

module.exports = {
   entry: "./entry.js",
   output: {
       path: __dirname,
       filename: "bundle.js"
   }
};

在我的 JS 入口点（entry.js）中，我可以成功使用 jQuery 模块，如下所示

var $ = require("jquery");
$('#test').html('Changed!');

一切正常。 当我使用 Vue 时，问题就出现了。我安装它

npm install vue --save

然后使用它

var Vue = require("vue");
var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
});

我不知道如何导入然后使用构造函数。我写的显然不可能是对的！事实上我得到这个错误

TypeError: Vue is not a constructor

我缺少什么？ （注意：我没有使用任何其他工具，只使用 Node Js + NPM + Webpack 2，如果可能的话，我想继续仅使用这三个工具）。

谢谢你， 马可

Vue 提供了一个供 webpack 使用的 ES 模块。您期望的构造函数是默认导出的，但是require工作方式略有不同，因此您需要访问default导入时的属性。

var Vue = require('vue').default;

或者你可以使用 webpack 支持的 import 语法。等效的导入是：

import Vue from 'vue';