爱手游

ionic+angularjs+requirejs之requirejs详解

来源:爱手游网使用教程|作者:ishouyou.cn |发表时间:2017-09-05 23:20

(1)index.html中引用requirejs

<script data-main="js/require-config.js" src="lib/requirejs/require.js"></script>

属性 data-main 是告诉requirejs:你下载完以后,马上去载入真正的入口文件。它一般用来对requirejs进行配置,并且载入真正的程序模块。

(2)require-config.js

require.config({

baseUrl: './',

paths: {

'app': 'js/app',

'appConfig':'js/app-config',

'routes': 'js/routes',

'ionic': 'lib/ionic/js/ionic.bundle',

'ngcordova': 'lib/ngCordova/dist/ng-cordova',

'bootstrap':'js/bootstrap',

'zepto':'lib/zepto/zepto.min',

'asyncLoader': 'lib/async-loader/angular-async-loader'

},

shim: {

'app': {

deps: ['ionic']

},

'routes': {

deps: ['ionic','app']

},

'appConfig':{

deps: ['app']

},

'ionic' : {exports : 'ionic'},

},

priority: [

'ionic',

'ngcordova',

'app',

'routes',

'appConfig'

],

deps: [

'bootstrap'

]

});

shim为加载非规范的模块

exports值(输出的变量名),表明这个模块外部调用时的名称

deps数组表明该模块的依赖性。

priority 没有官方解释,百度不到,我靠,从英文上来理解应该是优先级,大概是加载顺序吧。

手机扫描下方二维码,海量福利,不定期礼包活动等你来拿

  • 关注爱手游微信公众号

    关注爱手游网微信公众号

  • 手游折扣APP

    手游折扣APP

关于本站|广告服务|版权声明|联系我们|网站标签

健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活

Copyright 2016-2018 www.ishouyou.cn 鄂ICP备13009450号 爱手游网 鄂公网安备 42011602000619号