微信小程序目录结构
作者: --时间: 2025-06-23 11:54:55
阅读量：
微信小程序是一种轻量级应用程序，它有一个明确定义的目录结构。以下是微信小程序目录结构的详细介绍：
1. 小程序主体部分
每个小程序都由一个app和多个page组成。app描述整个程序，而page描述各自页面。一个小程序主体由三个必需文件组成，必须放在项目的根目录：
| 文件 | 必需 | 作用 |
|---|---|---|
| app.js | 是 | 小程序逻辑 |
| app.json | 是 | 小程序公共配置 |
| app.wxss | 否 | 小程序公共样式表 |
2. 小程序页面
小程序的每个页面由四个文件组成，分别是js、wxml、json和wxss。它们描述了页面的逻辑、结构、配置和样式。
| 文件类型 | 必需 | 作用 |
|---|---|---|
| js | 是 | 页面逻辑 |
| wxml | 是 | 页面结构 |
| json | 否 | 页面配置 |
| wxss | 否 | 页面样式表 |
注意：
- 为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径和文件名。
- wxml和wxss文件仅在app.json中配置的页面中针对。
3. 允许上传的文件
在项目目录中，以下文件会经过编译，因此上传后无法直接访问：.js、app.json、.wxml、*.wxss（其中wxml和wxss仅针对在app.json中配置了的页面）。除了这些文件之外，只有白名单内列出的文件可以被上传。其他文件可以在开发工具中访问但无法上传。下面是白名单列表：
- wxs
- png
- jpg
- jpeg
- gif
- svg
- json
- cer
- mp3
- aac
- m4a
- mp4
- wav
- ogg
- silk
上一篇：微信小程序开发小程序开发指南
下一篇：配置小程序
