微信小程序目录结构

微信小程序中的目录结构：

一个quick start项目的目录结构：

app.json用于定义每个页面:

"pages"用于配置程序的页面，也就是配置了我们的每一个pages。

"window"中包含一些基本的配置信息。

其中的"pages"是一个数组，而数组里面是每一个页面，在其中对应的是每一个页面的路径，每个页面中都包含一个.js文件和.wxml文件。而.js文件用于配置我们页面的入口，.wxml文件用于配置我们页面的布局与UI，通过.js文件的逻辑与.wxml文件中的方法来完成一个页面的渲染工作。也就是说每个页面中的核心文件其实是.js和.wxml文件。

在上述文件中的log.json，是该页面的配置文件，而log.wxss文件是该页面的样式文件。这两个文件实际上是可以在下面的app.json以及app.wxss文件中进行定义的。如果一个页面定义了自己的样式，那么其配置文件将会覆盖掉app.json以及app.wxss中定义的样式。

app.js用于定义项目的启动入口：

可以看到，这里的app.js文件实际上只是调用了一个叫做app的方法，并且向方法中传入了一个对象。其实在每个页面中的.js文件也是一样的，不过每个页面调用的方法是page方法，然后将这个page的信息传入该方法。

总体的目录结构：

每个项目中，其app.js文件用于配置项目的入口，而app.json文件用于配置每个页面以及一些基本的配置。而每个页面中又包含一个.js文件，在其中调用一个page方法，并将页面的配置信息传入该方法。同时每个页面也定义了自己的布局文件.wxml，样式文件.wxss，以及配置文件.json。

转载于:https://www.cnblogs.com/Hahahang/p/10798797.html