Requirejs基础使用配置说明
之前用过一次,后来想起来用,感觉好麻烦,还需要配置,但是感觉从大局考虑还是没必要偷懒的,那就记录一下吧。
requirejs.config({ baseUrl: '../components',//相对于此配置文件的库路径 paths:{//路径是相对于上面的baseUrl 'Bootstrap':'bootstrap/dist/js/bootstrap.min', 'jquery':'jquery/dist/jquery.min', 'chat':'../javascripts/chat', }, //exports值,表明这个模块外部调用时的名称 shim:{//包含了如何加载库和插件 Bootstrap:{ deps:[//deps数组,表明该模块的依赖性, 'jquery', "css!bootstrap/dist/css/bootstrap.min" ] }, jquery:{ deps:[ 'css!../stylesheets/style.css' ] } }, map: { '*': { 'css': 'require-css/css' // or whatever the path to require-css is } } }); require(['jquery','Bootstrap','chat'],function($,bootstrap,Chat){ var chat = new Chat(); chat.init(); });
几点提示paths的里面的名称不能在shim出现,不然就会变成了变量直接用paths里面的值替换了。
这里的map是为了引入require-css插件,以便可以引入自己需要的css文件。
可以说使用shim非常方便了控制了文件的加载顺序。嘿嘿,对了如果你想处理压缩的话可以参考我的另外一篇文件,搜索Requirejs就可以找到。
版权声明
由 durban创作并维护的 Gowhich博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。
本文首发于 博客( https://www.gowhich.com ),版权所有,侵权必究。
本文永久链接: https://www.gowhich.com/blog/646
版权声明
由 durban创作并维护的 Gowhich博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。
本文首发于 Gowhich博客( https://www.gowhich.com ),版权所有,侵权必究。
本文永久链接: https://www.gowhich.com/blog/646