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) 修改wwwcss目录下的index.css文件,设置event.received的样式为红色:  background-color:#FF0000;

2) 修改platformsandroidassetswwwcss中的index.css文件,设置.event.received的样式为蓝色:background-color:#0000FF;

3) 在mergesandroid目录下新建一个css目录。

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

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

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

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

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


 





原文地址:https://www.cnblogs.com/Full--Stack/p/8041802.html