ionic 初次使用requireJS,感觉还存在很多问题,请指教

来源:互联网 发布:winxp哪个版本适合编程 编辑:程序博客网 时间:2024/06/05 03:46

最近使用ionic+angularJS+cordova开发移动前端,发现写的ctrl文件太长了,所以就想用requireJS进行管理,刚接触requireJS,该博客也是第一次成功的小Demo,主要是想请教大神,碰到的问题。至于好处之类的不多说,直接上代码,掰问题。

我先常见了一个ionic项目,最简单的啥也没有就开始改造。

目录结构:

通过目录结构可以发现我所做的就是将controllers与Services文件分离出来。

bootstrap.js文件类似一个启动文件。

require.js是requireJS对应的文件。

main.js中进行了配置。

controllers与services文件夹用来存放对应分离的js文件。

index.html:

了解requireJS都知道接下来该main.js文件了(此处配置时js文件不用写.js):

bootstrap文件:


controllers.js文件:


各个对应子ctrl文件(举例其中两个文件):

该文件因为需要Chats,所以依赖于services,在前面用数组的方式进行定义。

修改后的services.js文件跟controllers.js文件差不多,都挺简单的,就不截图了。

ChatsCtrl.js文件:

接下来是app.js文件:

目录结构差不多都看了,接下来稍微屡屡思路:

1.index文件中引入了requireJS文件,同时设置了data-main=“js/main”,即main.js文件。

2.main文件中首先配置了各个加载文件的文件。

3.main中设置了desp,并且指明了是bootstrap文件(paths中我好像没有配置bootstrap文件的,不知道是不是必须配置)。

4.bootstrap.js文件中启动app文件(我蒙的,哈哈大笑)。

5.app.js文件中依赖于controllers文件。

6.controllers文件中将各个controller进行了分离。

7.子controller中需要services的,依赖services文件。

8.services文件中也将各个service分离(该例中只有一个service,感觉白费劲)。

接下来是提问环节,还希望各位网友知道的请回答:

问题1:我的写法跟小虎大神的不太一样,我的这种是不是不太规范?

问题2:那个bootstrap文件中具体的含义是怎么回事?

问题3:index文件中还有ionic.bundle.js文件这个文件我估计也能配置在main文件中,怎么配置?

问题4:我启动项目之后虽然没错,但是发现了Module 'starter' is not available!,这是怎么回事?算错吗?有影响吗?能处理吗?,如图;

最后希望知道以上问题答案或者感觉我的写法有问题的朋友多多指教,谢谢大家,我是句号。


0 0
原创粉丝点击