小程序目录结构

目录结构

• pages：这个目录下放的就是小程序的页面

• utils：这里面存的都是一些公用的js，提供公共方法减少冗余和维护难度的

• app.js:整个微信小程序相关的全局js，这里有监听整个小程序的生命周期函数和全局变量；

• app.json：是对整个小程序的静态全局配置，我们可以在这个文件中配置小程序是由哪些页面组成（路由），配置小程序的窗口背景色、配置导航条样式，配置默认标题，可以配置整个项目的样式，超时时间，加载的插件等等；(注意该文件不可添加任何注释)；

• app.wxss文件：整个小程序的样式文件，针对每个页面的css文件的内容不同，加载到对应页面的css样式时，当前页面的wxss文件会覆盖app.wxss文件（估计跟普通的css样式的覆盖规则类似）。

• project.config.json文件: 这个其实是每个开发者工具生成的项目都有的，但和项目内容实际没有特别大关联，主要是记录相关工具的配置的，在工具上做的任何配置都会写入到这个文件，当重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

• sitemap.json文件: 这个可以配置是否允许被微信索引，具体看微信官方文档-sitemap 配置

在项目目录中，以下文件会经过编译，因此上传之后无法直接访问到：

.js、app.json、

.wxml、*.wxss（其中 wxml 和 wxss 文件仅针对在 app.json 中配置了的页面）。除此之外，只有后缀名在白名单内的文件可以被上传，不在白名单列表内文件在开发工具能被访问到，但无法被上传。具体白名单列表如下：

• wxs

• png

• jpg

• jpeg

• gif

• svg

• json

• cer

• mp3

• aac

• m4a

• mp4

• wav

• ogg

• silk

• wasm

• br

• cert