目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

主体部分

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件必填作用
app.js是小程序逻辑
app.json是小程序公共设置
app.wxss否小程序公共样式表

由于@wxa/cli支持Vue单文件模式，上述主体部分也可以这些写：

文件必填作用
app.wxa是小程序主体逻辑

对应app.wxa文件的结构为：

  1. <script>
  2.     // 对应主体逻辑，js
  3. </script>
  4. <config lang="json">
  5.     <!-- 对应小程序全局配置，json -->
  6. </config>
  7. <style lang="sass">
  8.     /* 对应公共样式表，wxss */
  9. </style>

页面部分

一个小程序页面由四个文件组成，分别是：

文件必填作用
js是页面逻辑
wxml是页面结构
wxss否页面样式表
json否页面配置

对应.wxa文件的结构为：

  1. <template>
  2.     <!-- 对应页面结构，wxml -->
  3. </template>
  4. <script>
  5.     // 对应页面逻辑，js
  6. </script>
  7. <config lang="json">
  8.     <!-- 对应页面配置，json -->
  9. </config>
  10. <style lang="sass">
  11.     /* 对应页面样式表，wxss */
  12. </style>