我有一个使用 RequireJS 2.1.8 的 Backbone 应用程序(即,我所有的 Backbone 视图都使用 define() 来指定它们的依赖项)。一切都很好,现在我正在尝试使用 r.js(通过 NPM 安装)将我所有的 JavaScript 合并/缩小到一个文件中。
如何设置排除以某些路径开头的依赖项的 r.js 配置?
我在下面包含了我的 main.js 文件。在这种情况下,我希望“构建”输出文件排除第 3 方库(即 jquery、主干等)。另外,我想排除任何以“webapp/”开头的依赖项(例如,“webapp/dynamic_cfg”,这会导致向我的 Djang 应用程序发送动态生成的 JavaScript 文件/模块的请求)。
文件夹结构:
|--static/
|--main.js
|--myapp/
|--views/
|-- MyView.js
|-- ...
|--lib
|--backbone-1.0/
|--underscore-1.5.1/
|-- ...
index.html(一个 Django 模板):
<script src="{% static 'lib/requirejs-2.1.8/require.min.js' %}" data-main="{% static 'main.js' %}" ></script>
主.js:
requirejs.config({
paths: {
"jquery": 'lib/jquery-1.10.2/jquery.min',
"text_loader": 'lib/requirejs-text-2.0.10/requirejs-text',
"fuelux": 'lib/fuelux-2.3.1',
"backbone": 'lib/backbone-1.0/backbone.min',
"underscore": 'lib/underscore-1.5.1/underscore.min',
// Any module that requires 'webapp/*' will result Require.js
// making a request to the server webapp.
"webapp": '..'
},
shim: {
'backbone': {
deps: ['underscore', 'jquery'], // Load these dependencies first
exports: 'Backbone' // Create global var with this name for the module
},
'underscore': {
exports: '_'
}
}
});
// Startup
require(['webapp/dynamic_cfg', 'myapp/util/logger', 'myapp/view/AppView', 'myapp/AppRouter', 'fuelux/all'],
// Dependencies are loaded and passed to this function
function(cfg, logger, AppView, AppRouter, fuelUx) {
logger.info("Starting up with config:", cfg);
var appView = new AppView();
var appRouter = new AppRouter();
}
);