Cordova项目中www目录结构分析

我们开发cordova项目,势必要去修改www文件夹下的内容,但我一直比较困惑他的每一个文件的含义,只有了解清楚,才能知道在开发的时候如何修改,今天就来做一下梳理。

www初始化后,目录结构如下:

Cordova项目中www目录结构分析

根目录下有以下几个文件:

cordova-js-src:该文件提供了一些通用的js调用本地方法的模块,可以用于后面方便调用。

css:用于存储首页index.html调用的css文件。

img:用于存储首页index.html调用的img图片,如果有其他界面,图片也可以放置在这里。

js:用于存储首页index.html调用的js文件

plugins:用于存储插件,我们在命令行下载的插件都会存放在这个文件夹中,每个插件的目录下又提供了js可调用的函数。

cordova_plugin.js:用于插件的引入,其中我们可以看到以下代码,在这里注册的js文件在html启动以后,都会引入到html当中去,所以我们如果有自定义的插件,也需要按照格式在这个文件中进行注册和导入才可以正常使用。

Cordova项目中www目录结构分析

cordova.js:用于处理cordova的初始化,以及加载相关的引用文件,你会发现,在index.html中只引用了cordova.js,但是在浏览器中查看,我们可以看到cordova_plugin.js,还有插件中的js文件都加载进来了,这些工作都是由cordova.js完成的,所以我们在使用插件中的方法时,不需要再手动的去引用JS文件了。

除此之外,我们在cordova-js-src中定义的js文件,在cordova.js文件初始化时,方法都有调用到,感兴趣的小伙伴可以详细的去看一下这个文档中的代码哦~

Cordova项目中www目录结构分析

index.html:cordova的入口文件,首页进去看到的文件就是这个。