RequireJS baseUrl和多个优化文件

我已将我的第三方库从我的应用程序代码中分离出来，并将它们一起分组到vendor.js文件中以供requirejs使用。在我的build.js文件中，我使用modules语法优化我的主应用程序，排除供应商脚本，并优化vendor.js文件。我遇到的唯一问题是当我编译的main模块请求vendor时，它从配置文件中获取baseUrl，因此不加载优化的vendor.js文件。我build.js文件看起来像这样：RequireJS baseUrl和多个优化文件

({ 
    baseUrl: "js", 
    dir: "build", 
    mainConfigFile: "js/main.js", 
    removeCombined: true, 
    findNestedDependencies: true, 
    skipDirOptimize: true, 
    inlineText: true, 
    useStrict: true, 
    wrap: true, 
    keepBuildDir: false, 
    optimize: "uglify2", 
    modules: [ 
     { 
      name: "vendor" 
     }, 
     { 
      name: "main", 
      exclude: ["vendor"] 
     } 
    ] 
})

而且我main.js文件看起来像这样：

requirejs.config({ 
    baseUrl: "js", 
    paths: { 
     jquery: 'vendor/jquery/jquery-2.1.3.min', 
     bootstrap: 'vendor/bootstrap/bootstrap.min', 
     handlebars: 'vendor/handlebars/handlebars-v2.0.0', 
     backbone: 'vendor/backbone/backbone-min', 
     underscore: 'vendor/lodash/lodash.underscore', 
     marionette: 'vendor/marionette/backbone.marionette.min', 
     models: 'common/models', 
     collections: 'common/collections' 
    } 
}); 

define(['module', 'vendor'], function(module) { 
    var configPath = "config/config." + module.config().env; 
    require([configPath, 'app', 'jquery'], function(config, Application, $) { 
     $(function() { 
      // Kick off the app 
      Application.start(config); 
     }); 
    }); 
});

所有开发在js文件夹中完成的，而我的build.js文件是文件夹之外。优化后的文件最终在build，兄弟姐妹到js，但是当我包括我的主要文件是这样的：

<script data-main="build/main" src="js/vendor/require/require.max.js"></script>

它结束了装载js/vendor.js为define()电话。我在这里错过了什么？我如何才能告诉优化的main文件来加载build/vendor.js而不允许尚未加载的优化版本js/vendor.js？

来源

2015-02-11 ken.dunnington

好吧，我明白了这一点。这很简单，实际上，只是一个太多配置的情况。当您使用data-main加载脚本时，baseUrl将相对于该文件进行设置。所以，如果我指定js/main，baseUrl将是js。但是，因为我在main.js的配置块中明确指定了baseUrl，所以在开发和生产中都会被覆盖。通过从main.js中删除baseUrl: "js"，一切都按预期工作。当我将data-main更改为build/main时，开发版本会加载相对于js的所有内容，并且生产版本会加载相对于build的所有内容（vendor.js）。希望这有助于别人有一天。

requirejs.config({ 
    paths: { 
     jquery: 'vendor/jquery/jquery-2.1.3.min', 
     ... 
    } 
}); 

// 'vendor' is loaded relative to whatever directory main.js is in 
define(['module', 'vendor'], function(module) { 
    ... 
});

来源

2015-02-12 15:13:18

RequireJS baseUrl和多个优化文件

回答

相关问题