0

我正在尝试将grunt-requirejs我的 requirejs 项目优化为单个生产 js 文件。但是，我不确定我的 Gruntfile.js 是否正确，因为我必须再次指定在优化期间要包含的模型，这对我来说似乎是错误的，因为我已经指定了 mainConfigFile。我以为它会从我的 requirejs 文件中读取所有内容。我问这个是因为我有很多模块而且我不想干。

这是我的 Gruntfile.js

requirejs : {

            compile : {
                options: {
                    almond: true,
                    baseUrl : 'src/Web/Scripts',
                    mainConfigFile : 'src/Web/Scripts/main-new.js',
                    out: 'src/Web/Scripts/out.js',
                    optimize: 'uglify2',

                    include: ['main-new', 
                        'app/app.js',
                        'app/viewmodels/home/home.mobile.js',
                        'zepto', 
                        'hammer',
                        'zepto-hammer',
                        'zepto-dragswipe',
                        'knockout',
                        'knockout-validation',
                        'knockout-postbox',
                        'knockout-mapping',
                        'knockout-notification',
                        'q',
                        'underscore'
                    ]
                }
            }
        },

这是我的 main-new.js 文件

requirejs.config({
        baseUrl: '/m/Scripts',
        paths: {
            'jquery': 'vendors/jquery/jquery-1.10.2',
            'jquery-cookie': 'vendors/jquery/jquery.cookie-1.4.1',
            'zepto': 'vendors/zepto/zepto',
            'hammer': 'vendors/hammer/hammer',
            'zepto-hammer': 'vendors/zepto/zepto.hammer',
            'zepto-dragswipe': 'vendors/zepto/zepto.dragswipe',
            'knockout': 'vendors/knockout/knockout-3.1.0',
            'knockout-validation': 'vendors/knockout/knockout.validation',
            'knockout-postbox': 'vendors/knockout/knockout-postbox',
            'knockout-mapping': 'vendors/knockout/knockout.mapping',
            'knockout-notification': 'vendors/knockout/knockout-notification-1.1.0',
            'viewmodels': 'app/viewmodels',
            'service': 'app/services',
            'config': 'app/config',
            'helpers': 'app/helpers',
            'q': 'vendors/q/q-0.9.6',
            'underscore': 'vendors/underscore/underscore-min'
        },
        shim: {
            'knockout-validation': ['knockout'],
            'knockout-mapping': ['knockout'],
            'knockout-postbox': ['knockout'],
            'knockout-notification': ['knockout'],
            'jquery-cookie': ['jquery'],
            'hammer': ['zepto'],
            'zepto-hammer': ['zepto', 'hammer'],
            'zepto-dragswipe': ['zepto', 'hammer'],
            'zepto': {
                exports: 'Zepto'
            },
            'underscore': {
                exports: '_'
            }
        }
    });
4

1 回答 1

0

在include部分中，您应该放置动态所需的模块，例如：

require(['path/' + moduleName], function() { ... })

因为 r.js 无法在构建时预测您在运行时需要什么。

其他一切都应该通过模块中的依赖数组来解决。

于 2014-07-14T08:50:38.903 回答