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)