Ionic目录结构

目录下有如下文件：

hooks //google以后这个目录应该是在编译cordova时自定义的脚本命令，方便整合到咱们的编译系统和版本控制系统中plugins //cordova插件的目录，插件的安装下一节详述scss //scss文件，发布时编译这个目录下的文件输出到www的css目录中www //咱们的开发目录，页面、样式、脚本和图片都放在这个目录下--css--img--js--lib--index.htmlbower.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目录主要用于为平台定制功能。

 

来自为知笔记(Wiz)