之前用过一次,后来想起来用,感觉好麻烦,还需要配置,但是感觉从大局考虑还是没必要偷懒的,那就记录一下吧。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
| requirejs.config({ baseUrl: '../components', paths:{ 'Bootstrap':'bootstrap/dist/js/bootstrap.min', 'jquery':'jquery/dist/jquery.min', 'chat':'../javascripts/chat', }, shim:{ Bootstrap:{ deps:[ 'jquery', "css!bootstrap/dist/css/bootstrap.min" ] }, jquery:{ deps:[ 'css!../stylesheets/style.css' ] } }, map: { '*': { 'css': 'require-css/css' } } }); require(['jquery','Bootstrap','chat'],function($,bootstrap,Chat){ var chat = new Chat(); chat.init(); });
|
几点提示paths的里面的名称不能在shim出现,不然就会变成了变量直接用paths里面的值替换了。
这里的map是为了引入require-css插件,以便可以引入自己需要的css文件。
可以说使用shim非常方便了控制了文件的加载顺序。嘿嘿,对了如果你想处理压缩的话可以参考我的另外一篇文件,搜索Requirejs就可以找到。