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 Package Manager。它基本上为您安装所有依赖包。

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

NPM - 搜索您需要的套餐 例如：主链

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

通过这种方式，您可以找到包的依赖关系来配置amd。

希望如果不是你，这会帮助别人！

快乐的Javascripting !!