当前位置:

ionic+angularjs+requirejs之requirejs详解

0

发表时间:2017-09-05    来源:ishouyou.cn

31

(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 没有官方解释,百度不到,我靠,从英文上来理解应该是优先级,大概是加载顺序吧。

查看更多精彩内容,请
顶一下:
+1
0