查看官方文檔如下:
pages
接受一個數組,每一項都是字符串,來指定小程序由哪些頁面組成。每一項代表對應頁面的【路徑+文件名】信息,數組的第一項代表小程序的初始頁面。小程序中新增/減少頁面,都需要對 pages 數組進行修改。
文件名不需要寫文件后綴,因為框架會自動去尋找路徑.json
,.js
,.wxml
,.wxss
的四個文件進行整合。
如開發目錄為:
pages/
pages/index/index.wxml
pages/index/index.js
pages/index/index.wxss
pages/logs/logs.wxml
pages/logs/logs.js
app.js
app.json
app.wxss
{ "pages":[ "pages/index/index" "pages/logs/logs" ] }
我們嘗試來動動手,在pages下做一下變動:
1、新建 test目錄,並在 test目錄下新建如下空白文件:
2、然后修改 app.json文件:
此時編譯之后會提示出錯:
我們打開控制台瞅瞅:詳細錯誤信息如下:
意思已經很明顯,我們修改test.json,增加一對{}就可以解決:
這樣就不會報錯了,但是編譯后的效果還是和以前一樣,並沒有發生變化,然后我們嘗試着 把 "pages/test/test" 放到 "pages/index/index" 的前面:
這時 默認的index頁面就會被我們替換掉,你只會看到一個帶title的空白頁
4、我們繼續嘗試修改test下的文件,讓它能顯示一些內容:
修改test.wxml:
此時編譯之后的效果:
是不是很簡單?好了 第一步的學習就到這里,讓我們以后慢慢深入。。。