骨干+ RequireJS“未定义”

Question

我有一个相当大的项目，我试图将我所有的JS文件连接成一个文件。 我已经能够做到这一点，但是我很难将两个文件实际实现到代码中。

我的Gruntfile有一个执行串联的任务：

requirejs: {
            compile: {
                options: {
                    baseUrl: "<%= yeoman.app %>",
                    mainConfigFile: "<%= yeoman.app %>/config.js",
                    include: ["config"],
                    out: "<%= yeoman.app %>/dist/main.js"
                }
            }
        },

同样，这很好。 我的config.js包含项目中使用的所有库，模型，帮助器，集合和视图：

   require.config({
            paths: {
                // path configuration assumes .js suffix

                // Libraries
                'jquery': 'js/libs/jquery-1.8.2.min',
                // custom version of jQM, see comments section in library for custom change log
                'jQM': 'js/libs/jquery.mobile-1.2.0-CUSTOM',
                //'jQUI': 'js/libs/jquery-ui-1.8.24.dev.min',
                'Underscore': 'js/libs/underscore',
                'JSON2': 'js/libs/json2',
                'Backbone': 'js/libs/backbone',
        etc...
        },
        shim: {
            'jQMConfig': {
                //deps: ['jQUI'] // use jQUI as dependency if jQUI is required.  see https://github.com/jquery/jquery-mobile/issues/5119
                deps: ['jquery']
            },
            'jQM': {
                deps: ['jQMConfig']
            },
etc...
    });
require(['js/router']);

最后，在我的HTML代码中，包括以下两个脚本：

<script type="text/javascript" src="dist/main.js"></script>
<script data-main="config" src="js/libs/require-2.1.15.min.js"></script>

这是我在控制台中收到“未定义定义”错误的地方，并且仍在调用js /文件夹中的所有文件。 请指出正确的方向。

Answer 1

您必须首先包含require.js文件，同时您可以指定data-main作为您的主文件。

像这样在HTML中包含脚本：

<script data-main="dist/main" src="js/libs/require.js"></script>

有关更多详细信息，请参见将配置与主模块分离的模式 。