Ionic目录结构

目录下有以下文件：

hooks           //google之后这个目录应该是在编译cordova时自定义的脚本命令，方便整合到我们的编译系统和版本控制系统中
plugins         //cordova插件的目录，插件的安装下一节详述
scss            //scss文件，发布时编译这个目录下的文件输出到www的css目录中
www             //我们的开发目录，页面、样式、脚本和图片都放在这个目录下
--css
--img
--js
--lib
--index.html
bower.json      //bower配置文件
config.xml      //Ionic的配置文件 ⱃ可以配置app的id，名称、描述起始页和一起其他配置
gulpfile.js     //gulp构建工具的执行文件，在这个文件中创建任务实现编译scss，css、js优化等
ionic.project   //Ionic的项目文件可以配置Ionic命令中livereload的监控文件
package.json    //npm配置文件

Merge目录

前面提到，一般情况下最好不要修改各自平台下的www目录下的文件。但是如果你确实需要为某个平台定制一些内容，又该怎么办呢？

项目根目录下有一个merges目录。我们以一个实例来讲解：

1） 修改www\css目录下的index.css文件，设置event.received的样式为红色：  background-color:#FF0000;

2） 修改platforms\android\assets\www\css中的index.css文件，设置.event.received的样式为蓝色：background-color:#0000FF;

3） 在merges\android目录下新建一个css目录。

复制www\css中的index.css文件到该目录下。

修改该目录下的index.css文件中的.event.received的样式为绿色：background-color:# 00FF00;

仿真器中运行，你会发现最终呈现的结果为绿色。由此我们可知：

1） Merges目录中没有对应文件时，platform下的文件会被跟目录（www）下的文件覆盖。（即：如果Merges目录中不存在index.css文件，最终颜色将为红色）

2） Merges目录中存在对应文件时，platform下的文件会被merges下的文件覆盖。可见Merges目录主要用于为平台定制功能。

 

好文要顶 关注我 收藏该文 微信分享

夜.__.风
粉丝 - 7 关注 - 13

+加关注

0

0

升级成为会员

来自为知笔记(Wiz)