在上一篇文章中，我们只是简单地列出了代码。在这篇文章中，让我们做一些令人兴奋的事情——查看 IDE 代码并了解其运行方式。

幸运的是，微信的开发团队仍然需要改进他们的软件工程实践，所以我们有机会深入了解他们的代码——我真的想建议他们看看第二部分，构建系统。

解压应用程序

首先你需要以下工具

首先我们需要右键点击微信网页开发者工具.app，然后显示包里的内容，//app.nw下面的内容就是我们的代码，所以把它复制出来：

简要解释：

该目录下有两个子模块：

集成开发环境

我们已经知道这是一个打包的 Web 应用程序。

.json中的“main”：“app/html/.html”，意思是这个APP的入口点定义为这个.html，而不是其他文件。

很顺利的，我们看到了他们调用的文件：

这里面有个init方法，好像是相关的入口点，我用了十几次这些+变量，最后看到如下代码：

这是一个应用，幸好我在一年多前就学得不错，扫了下码，终于看到了这么一句话：

直接跳转到.js，跳转到方法，找到这个：

正如预期的那样，主入口在里面

对应界面如下：

另外，编辑环境基于

运作机制

慢慢的我摸索了一下打包和运行的流程，由于没有拿到内测资格，所以只能看着猜。

上一篇我们提到了两个比较有意思的东西：wxml和wxss，这两个文件会分别进行转换，分别是wxml->html，wxss->css，对应的又有几种不同的：

这里的PF指的是这个意思，有对应的模板文件：

这种风格显然是用来生成字符串的，所以他们写了一个叫wcc的工具和一个名为wcsc的工具。

这样的话，我们可以理解微信小应用有点像Dom+，毕竟上面有一个文件，下面还有一个文件。

当然，不管是+还是Vue+，现在我们有了WA+，哈哈。

提交方法如下图所示，因此：

你在本地写的所有内容都会提交到微信服务器，打包、上传到服务器，并交给 CDN——毕竟是为了分发。

上传流程如下：

好啦，废话少说了，我要睡觉了，继续写我的新书。