Javascript 如何添加'；vue.js'；至网页'；s bundle.js_Javascript_Webpack_Vue.js

Javascript 如何添加'；vue.js'；至网页'；s bundle.js

javascript webpack vue.js

Javascript 如何添加'；vue.js'；至网页'；s bundle.js,javascript,webpack,vue.js,Javascript,Webpack,Vue.js,我正在尝试将“vue”添加到我的“webpack”bundle.js中但我不工作 webpack.config.js module.exports = { entry: './entry.js', output: { filename: './bundle.js', } }; entry.js var Vue = require('vue'); var vm = new Vue({ el: '#app', data: {

我正在尝试将“vue”添加到我的“webpack”bundle.js中但我不工作

webpack.config.js

module.exports = {
    entry: './entry.js',
    output: {
        filename: './bundle.js',
    }
};

entry.js

var Vue = require('vue');

var vm = new Vue({
    el: '#app',
    data: {
        msg: 'Hello, Vue!'
    }
});

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Vue Study</title>
    </head>
    <body>
        <div id="app">
            {{ msg }}
        </div>
        <script src="bundle.js"></script>
    </body>
</html>


Vue研究
{{msg}}

您应该更换

var Vue = require('vue')

借

你应该替换

var Vue = require('vue')

借

Vue 2.2现在默认使用ES6模块，但尽管在另一个答案中指出它是错误的，如果您愿意，您仍然可以使用CommonJS，因此do

require（'Vue'）

也没有错，但是建议切换到新语法

你可以做：

var Vue=require（'Vue'）。默认值
或
从“Vue”导入Vue
最后一个在没有default
属性的情况下工作，因为新的ES6语法会自动为您执行此操作。
Vue 2.2现在默认使用ES6模块，但尽管在另一个答案中指出它是错误的，如果您愿意，您仍然可以使用CommonJS，因此，dorequire（'Vue'）
也没有错，建议切换到新语法
你可以做：
var Vue=require（'Vue'）。默认值
或
从“Vue”导入Vue
最后一个在没有默认属性的情况下工作，因为新的ES6语法会自动为您执行此操作。
事实上，这不是问题，因为Webpack能够处理CommonJS导入。@EdmundoRodrigues“require”不是问题，但在这种情况下，导入解决了问题，我发现使用了“import”在这种情况下更符合逻辑，因为它是一个主要依赖项，并且将被提升到最终捆绑包的顶部。我的答案是正确的，你的否决票是没有理由的，但当你说“应该替换”时，就好像用那种方式是错误的。您的回答解决了问题，但没有解释原因。事实上，这不是问题，因为Webpack能够处理CommonJS导入。@EdmundoRodrigues“require”不是问题，但在这种情况下，导入解决了问题，我发现使用“import”在这种情况下更符合逻辑，因为它是一个主要依赖项，并且将被提升到最终捆绑包的顶部。我的答案是正确的，你的否决票是没有理由的，但当你说“应该替换”时，就好像用那种方式是错误的。你的回答解决了问题，但没有解释原因。非常感谢。现在我可以在“entry.js”上使用“Vue”构造函数，但在“index.html”上使用。我收到了新的错误信息<代码>[Vue warn]：在模板编译器不可用的情况下，您正在使用仅运行时版本的Vue。可以将模板预编译为呈现函数，也可以使用编译器附带的构建。（在
中找到，非常感谢。现在我可以在“entry.js”上使用“Vue”构造函数，但在“index.html”上使用。我收到了新的错误消息。[Vue warn]：您使用的是Vue的仅运行时版本，而模板编译器不可用。请将模板预编译到呈现函数中，或者使用包含编译器的版本。