# 目录结构

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

# 主体部分

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

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

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

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

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

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

# 页面部分

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

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

对应.wxa文件的结构为:

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