Underscore.js - 如何识别 JavaScript 依赖项？

Question

我正在为我的移动应用程序项目使用backbone.js 和underscore.js。我的问题是如何识别每个文件的 JavaScript 依赖关系？我尝试使用下面的代码，但仍然无法在我的浏览器中工作。

require.config({
    waitSeconds: 0,
    //path mappings for module names not found directly under baseUrl
    paths: {
        jquery: 'vendor/jqm/jquery_1.7_min',
        jqm: 'vendor/jqm/jquery.mobile-1.4.0-rc.1',
        underscore: 'vendor/underscore/underscore_amd',
        backbone: 'vendor/backbone/backbone_amd',
        jqueryflexslider: 'vendor/lib/jquery.flexslider',
        shCore: 'vendor/lib/shCore',
        shBrushXml: 'vendor/lib/shBrushXml',
        shBrushJScript: 'vendor/lib/shBrushJScript',
        jqueryeasing: 'vendor/lib/jquery.easing',
        jquerymousewheel: 'vendor/lib/jquery.mousewheel',
        demo: 'vendor/lib/demo',
        text: 'vendor/require/text',
        plugin: 'plugin',
        main: 'main',
        messages: 'messages',
        templates: '../templates',
        modules: '../modules',
        model: '../model'
    },
    shim: {
        'backbone': {
            deps: ['underscore', 'jquery'],
            exports: 'Backbone'
        },
        'jquery': {
            exports: '$'
        },
        'jqm': {
            deps: ['jquery'],
            exports: '$'
        },
        'jqueryflexslider': {
            deps: ['jquery'],
            exports: '$'
        },
        'jqueryeasing': {
            deps: ['jquery'],
            exports: 'jQuery'
        },
        'jquerymousewheel': {
            deps: ['jquery'],
            exports: '$'
        },
        'demo': {
            deps: ['jquery'],
            exports: '$'
        },
        'main': {
            deps: ['jquery'],
            exports: '$'
        },
        'messages': {
            deps: ['jquery'],
            exports: '$'
        },
        'underscore': {
            exports: '_'
        },
    }
});
//1. load app.js, 
//2. configure jquery mobile to prevent default JQM ajax navigation
//3. bootstrapping application
define(['app', 'jqm-config'], function(app) {
    $(document).ready(function() {
        console.log("DOM IS READY"); // Handler for .ready() called.
    });
    app.initialize();
});

参考：https://github.com/woothemes/FlexSlider/blob/master/demo/index.html

Answer 1

这确实取决于。我也是 JavaScript 新手。我使用 Visual studio 作为我的 IDE。为了安装包，我在 Visual Studio 中使用 NuGet 包管理器。它基本上会为您安装所有依赖包。

另一方面，您有两个很好的网站，如果您搜索包/库，它将为您提供有关包及其依赖项的最新信息。

NPM - 搜索您需要的包 例如：骨干

NuGet - 搜索您需要的包 例如：数据表

这样就可以找到包的依赖来配置amd了。

希望这对别人有帮助，如果不是你的话！

祝您 JavaScript 开发愉快！