让你的「微信小程序」运行在Chrome浏览器上

Transform wxml和wxss

当我们修改完WXML、WXSS的时候，我们需要重新编译项目才能在浏览器上看到效果。这时候后台就会执行一些transform动作：

1. wcc来转换wxml为一个genrateFun，执行这个方法将会得到一个virtual dom
2. wxss就会转换wxss为css——这一点有待商榷。

wcc和wxss，可以从vendor目录下获取到，在“微信web开发者工具”下敲入help()。运行openVendor()，你就会得到上面的wcss、wxss、WAService.js、WAWebview.js四个文件了。

Transform js文件

对于js文件来说，则是一个拼装的过程，如下是我们的app.js文件：

App({
   
onLaunch: function () {
    }
})

它在转换后会变成：

define("app.js", function(require, module){
   var window={
   Math:Math}/*兼容babel*/,location,document,navigator,self,localStorage,history,Caches;
        App({
   
            onLaunch: function () {
   

            }
        })
});
require("app.js"