（学习笔记）微信小程序--项目结构及作用

项目目录：

  

pages用来存放所有小程序的页面

utils用来存放工具性质的模块

app.js 小程序项目的入口文件

app.json 小程项目的全局配置文件

app.wxss 小程序项目的全局样式文件

project.config.json 项目的配置文件

sitemap.json 用来配置小程序及其页面是否允许被微信索引

pages

 index存放首页、 logs存放日志

其中每个文件夹都存放4个基本文件 ， 而每个页面是以一个文件夹的形式存在 。

        .js文件  页面的脚本文件，存放页面的数据、事件处理函数      

        .json文件  当前页面的配置文件，配置窗口的外观、表现              

        .wxml文件 页面的模板结构文件

        .wxss文件 当前页面的样式表文件

        4个文件共同编译成一个小程序的页面。

JSON配置文件的作用：

       项目中存在 4 种 json 配置文件：

                1）项目根目录 的app.json文件

                2）项目根目录 的project.config.json配置文件

                3）项目根目录 的sitemap.json配置文件

                4）每个页面文件夹中的 .json配置文件

• app.json是当前小程序的全局配置 ， 里面包含了小程序中所有的页面路径、窗口外观、界面表现、底部tab等

                 pages： 用来记录当前小程序所有的页面路径

                window：全局定义小程序所有页面的背景色、文字颜色等

                style：全局配置小程序组件所使用的样式版本

                sitemapLocation：用来指明sitemap.json的位置

                lazyCodeloading，目前仅支持值requiredComponents，代表开启小程序 [ 按需注入 ] 特性

                

• project.config.json是项目配置文件，用来记录我们对开发工具的个性化配置

                setting 中保存的是 编译相关配置

                projectname 中保存的是项目名称

                appid 保存的是小程序的账号

         

• sitemap.json文件 用来配置小程序页面是否可以允许微信索引

            上述表示所有的页面都可以被微信索引 ， action的字段改为disallow就表示不允许被索引

• 页面的 .json 配置文件

                小程序的每一个页面都有一个 .json配置文件，作用是对窗口外观进行配置。同时该配置会覆盖 app.json 的 window 中的相同配置项

页面配置覆盖app.json中的配置：