如何在RequireJS中使用VueJS？

Question

我想用RequireJS配置VueJS。我正在使用这个vueJS库：https://cdn.rawgit.com/edgardleal/require-vuejs/aeaff6db/dist/require-vuejs.min.js。

这是我要求的congif文件：

require.config({
baseUrl : "js",
paths : {
    jquery : "libs/jquery-3.2.1.min",
    fullcalendar : "libs/fullcalendar.min",
    bootstrap : "libs/bootstrap.min",
    vue : "libs/vue",
    parsley : "libs/validation/parsley.min",
    esParsley : "libs/validation/es",
    noty : "libs/noty/jquery.noty.packaged.min",
    session : "service/sessionService",
    handlebars : "libs/handlebars-v4.0.8",
    menu : "view/menu/menu",
    'datatables.net' : "libs/datatables/dataTables.bootstrap.min",
    jquerydatatables : "libs/datatables/jquery.dataTables.min",
},
shim : {
    "jquery" : {
        deps : []
    },
    "menu" : {
        deps : [ 'jquery' ]
    },
    "bootstrap" : {
        deps : [ 'jquery' ]
    },
    "parsley" : {
        deps : [ 'jquery' ]
    },
    "esParsley" : {
        deps : [ 'parsley' ]
    },
    "noty" : {
        deps : [ 'jquery' ]
    },
    "jquerydatatables" : {
        deps : [ 'jquery', 'bootstrap' ]
    },
    "datatables.net" : {
        deps : [ 'jquerydatatables', 'jquery' ]
    },
    "vue": {
        "exports": "vue"
        }
    }
});
require([ 'jquery', document.getElementById("idModule").value, 'parsley',
        'menu', 'bootstrap', 'esParsley', 'datatables.net'], function($, Module, parsley, menu) {
    menu.init();
    Module.init();
});

我试试这个代码，我得到一个错误。错误是这样的：

你能帮帮我吗？非常感谢你。大卫。

Answer 1

require-vuejs不是vuejs库。 require-vuejs用于动态加载文件组件。

这是您需要的Amazon Simple Email Service库。

Answer 2

为什么不使用vue-cli3随附的Webpack？它基本上可以完成相同的工作，并且您不必自己配置/实现。

这是文档中的guide，向您展示如何使用官方的vue-cli创建新项目