requirejs config里shim配置说明多文件依赖关系声明

分类：Javascript| 发布：佚名| 查看：5269 | 发表时间：2014/7/2

定义功能模板define

1define('camnpr', ['/js/camnpr/camnpr.min.js'], function (require, exports, module) {
2     return camnpr;
3})

实例：以require加载UEditor，配置他们的依赖关系。可以把下边的代码，直接写到require.js文件里，这个方便管理和加载配置，同时减少一个单独config文件的加载，同时也避免了因为require.js和 config.js加载顺序不同造成的错误。

`1`	`window.UEDITOR_HOME_URL =` `"/js/ueditor/";`

01require.config({
02     paths: {
03         'jquery': '/js/jquery',
04         'uploadify': '/js/uploadify/jquery.uploadify.min',
05          'editor': '/js/ueditor/ueditor.all.min',
06          'editorConfig': '/js/ueditor/ueditor.config',
07          'camnpr': '/js/camnpr/camnpr.min'
08      },
09      shim: {
10          'uploadify': ['jquery'],
11          'camnpr': ['jquery'],
12          'editor': ['editorConfig']
13      }
14});

以下是官方例子：

01requirejs.config({
02 //Remember: only use shim config for non-AMD scripts,
03 //scripts that do not already call define(). The shim
04 //config will not work correctly if used on AMD scripts,
05 //in particular, the exports and init config will not
06 //be triggered, and the deps config will be confusing
07 //for those cases.
08 shim: {
09      'backbone': {
10           //These script dependencies should be loaded before loading
11           //backbone.js
12           deps: ['underscore', 'jquery'],
13           //Once loaded, use the global 'Backbone' as the
14           //module value.
15           exports: 'Backbone'
16      },
17      'underscore': {
18           exports: '_'
19      },
20      'foo': {
21           deps: ['bar'],
22           exports: 'Foo',
23           init: function (bar) {
24                return this.Foo.noConflict();
25           }
26      }
27 }
28});
29 
30//Then, later in a separate file, call it 'MyModel.js', a module is
31//defined, specifying 'backbone' as a dependency. RequireJS will use
32//the shim config to properly load 'backbone' and give a local
33//reference to this module. The global Backbone will still exist on
34//the page too.
35define(['backbone'], function (Backbone) {
36      return Backbone.Model.extend({});
37});

365据说看到好文章不转的人，服务器容易宕机！

标签：UEditor RequireJS shim 配置依赖

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1301.html

requirejs config里shim配置说明多文件依赖关系声明

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

requirejs config里shim配置说明 多文件依赖关系声明

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

requirejs config里shim配置说明多文件依赖关系声明

想你所想爱你所爱