RequireJS Adding a Library

为了增加一个新的JavaScript库，您需要了解有关如何配置require.js。下面是一个例子

Requirejs例子

requirejs.config({

    baseUrl:"/static",

    paths: {

       "domReady":"js/vendor/domReady",

       "jquery":"js/vendor/jquery.min",

       "jquery.ui":"js/vendor/jquery-ui.min",

       "jquery.cookie":"js/vendor/jquery.cookie",

       "jquery.timepicker":"js/vendor/timepicker/jquery.timepicker",

       "datepair":"js/vendor/timepicker/datepair",

       "gettext":"/i18n",

       "mathjax":"https://edx-static.s3.amazonaws.com/mathjax-MathJax-727332c/MathJax.js?config=TeX-MML-AM_HTMLorMML-full",

       // more libraries here...

    },

    shim: {

       "jquery.ui": {

            deps: ["jquery"],

            exports:"jQuery.ui"

        },

       "jquery.cookie": {

            deps: ["jquery"],

            exports:"jQuery.fn.cookie"

        },

       "mathjax": {

            exports:"MathJax"

        },

       "datepair": {

            deps: ["jquery.ui","jquery.timepicker"]

        },

       // and so on

    },

   // load these automatically

    deps: ["js/base","datepair"]

});

Shim是配置不符合amd规范的依赖库

 

1.通常情况下，在path的配置部分,会给定依赖库的短名称。

2.不符合AMD规范的依赖库使用shim配置

3.deps部分会先自动加载

4. 您不必列出每个JavaScript文件的path路径。如果需要的依赖库不在path配置中，请先设置baseUrl并追加固定字符串的.js，并获取该脚本。这就是为什么需要js/base.js -获取的文件确是/static/js/base.js。

 

How to Do It

1.下载相关的javascript依赖库,保存在合适的地方例如：common/static/js/vendor。

2.把路路径添加到path配置中

3.检查依赖性，如果不符合amd规范的，使用shim 列出他所依赖的库。

4. 如果依赖库是单个对象，提供对象作的名称作为exports 部分配置。如果你的依赖库是一个jQuery插件，是形如jQuery.fn这样的对象，exports 部分配置成jQuery.fn。

5. require和define函数时，都需要引用path路径下的短名称