小程序目录结构

简介: 小程序目录的介绍

目录结构

网络异常,图片无法展示
|

  • 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 中配置了的页面)。除此之外,只有后缀名在白名单内的文件可以被上传,不在白名单列表内文件在开发工具能被访问到,但无法被上传。具体白名单列表如下:

  1. wxs
  2. png
  3. jpg
  4. jpeg
  5. gif
  6. svg
  7. json
  8. cer
  9. mp3
  10. aac
  11. m4a
  12. mp4
  13. wav
  14. ogg
  15. silk
  16. wasm
  17. br
  18. cert
目录
相关文章
|
6月前
|
JSON 小程序 JavaScript
简单描述下微信小程序的目录结构
简单描述下微信小程序的目录结构
|
2月前
|
JSON 小程序 前端开发
微信小程序的目录结构及页面结构的说明
本文详细介绍了微信小程序的目录结构、页面组成部分以及项目的全局配置文件,阐述了小程序的宿主环境和运行机制,包括小程序启动和页面渲染的过程。
微信小程序的目录结构及页面结构的说明
|
6月前
|
JSON 小程序 安全
微信小程序介绍、账号申请、开发者工具目录结构详解及小程序配置
微信小程序介绍、账号申请、开发者工具目录结构详解及小程序配置
|
6月前
|
JSON 小程序 安全
微信小程序介绍、账号申请、开发者工具目录结构详解及小程序配置
微信小程序介绍、账号申请、开发者工具目录结构详解及小程序配置
241 2
|
6月前
|
JSON 小程序 JavaScript
微信小程序的目录结构
微信小程序的目录结构
151 0
|
6月前
|
小程序 安全 JavaScript
【微信小程序】-- uni-app 项目创建 & 目录结构讲解(四十九)
【微信小程序】-- uni-app 项目创建 & 目录结构讲解(四十九)
|
6月前
|
小程序 前端开发 开发工具
小程序目录结构介绍
小程序目录结构介绍
|
6月前
|
小程序
简单描述下微信小程序的目录结构?
简单描述下微信小程序的目录结构?
|
11月前
|
小程序 开发工具 开发者
微信小程序入门->小程序简介,小程序商城项目案例,小程序入门案例及目录结构
微信小程序入门->小程序简介,小程序商城项目案例,小程序入门案例及目录结构
105 0
微信小程序入门->小程序简介,小程序商城项目案例,小程序入门案例及目录结构
|
小程序 前端开发 API
微信小程序目录结构、事件处理、网络请求
微信小程序目录结构、事件处理、网络请求
155 0
微信小程序目录结构、事件处理、网络请求

热门文章

最新文章