详解微信小程序目录结构，浅析微信小程序技术架构

详解微信小程序目录结构，浅析微信小程序技术架构

我做的第一个微信小程序项目应该是19年上旬做的，到现在也有一年左右了，今天我就结合微信小程序官方文档简单分析总结一下微信小程序的目录结构和运行原理。

1、 微信小程序目录结构分析

新建一个微信小程序项目目录结构如下：

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
1.1 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

1.2 一个小程序页面由四个文件组成，分别是：

1.3 utils目录
将一些公共的代码抽离成为一个单独的 js (utils.js)文件，其他js文件若要使用它需要先使用 module.exports 或者 exports 对外暴露接口，代码如下

module.exports = {
   
   
  formatTime: formatTime
  //对外方法名: 本地方法名
}

在需要使用的js文件里使用require(path) 将其引入，如下

var util= require('../../utils/util.js')

1.4 project.config.json文件
这个文件项目配置文件，我们可以直接通过开发者工具的面板进行设置，如图：

代码配置分析

{