小程序目录结构
目录结构
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
评论