小程式結構目錄及配置檔案
阿新 • • 發佈:2020-08-11
小程式結構目錄
小程式檔案結構和傳統web對比
- 通過以上對比,傳統web是三層結構,而微信小程式是四層結構,多了一層配置檔案。
基本的專案目錄
小程式配置問檔案
- 一個小程式應用程式會包括最基本的兩種配置檔案:
- 全域性的
app.json
- 頁面自己的
page.json
- 全域性的
注意:配置檔案中不能出現註釋
全域性配置 app.json
app.json
是當前小程式的全域性配置,包括了小程式的所有頁面路徑、介面表現、網路超時時間、底部tab
等。- 下面是普通快速啟動專案裡邊的
app.json
- 參考文件:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json" }
page
欄位:用於描述當前小程式所有頁面路徑- 這是為了讓微信客戶端知道當前你的小程式頁面定義在那個目錄
- 路徑的最後不用新增字尾名,會自動補全
- 如果寫的路徑沒有對應的資料夾,會自動幫你建立檔案
window
欄位:定義小程式所有的公共樣式style
欄位:指定使用升級後的weui樣式sitemapLocation
欄位:指明 sitemap.json 的位置
頁面配置
- 每一個小程式頁面也可以使用
.json
檔案來對本頁面的視窗表現進行配置。 - 頁面中配置項在當前頁面會覆蓋
app.json
的window
中相同的配置項
sitemap配置--瞭解即可
- 小程式根目錄下的
sitemap.json