首先按照官方文档，npminstall-g@tarojs/cli，然后创建项目taroinitjd_dog_web。在app.jsx中添加pages对应的开发的页面。
pages:['pages/jdDog/jdDog','pages/petRace/petRace','pages/exchange/exchange','pages/exchange/exchangeRecord','pages/followShop/followShop'],我们项目开发的目录如下：
通过npmrundev:h5进行本地重构开发，第一步已经成功，下面就是兼容原生小程序。
"subPackages":[{"root":"pages/followShop/","pages":["followShop"]},{"root":"pages/jdDog/","name":"jdDog","pages":["jdDog"]},{"root":"pages/exchange/","pages":["exchange","exchangeRecord"]},{"root":"pages/petRace/","name":"petRace","pages":["petRace"]},]我们把如下图的编译后的代码直接pages文件移动到原生小程序的pages内，components内的移动到原生小程序的components内。其他的一些依赖的common等文件直接移动到原生项目的一级目录。这样子，在小程序内就可以跑起来了。
对应一个游戏类的项目，怎么能少了动画呢，对于动画部分，作为前端来说可谓是一大障碍，无论是用css还是js来实现动画，并不能很好的还原设计师的原稿，当然简单的一些动画效果可以利用CSS3实现。但是一些复杂的联动的效果是很难的。动效系数是决定页面动画效果是否自然的关键。所以还是将这部分交还给动效设计师吧。此次项目有动效设计师把持，给予了APNG的PNG动画图。比如吃饭、升级、倒狗粮、赛跑等难度大的动效果都由APNG图完成。很幸运的是APNG在移动端支持还是不错的。
并且APNG对比GIF由很多方面的优势
选择APNG动画开发动效大大减少了的前端工作量。
在11月1日当天10点项目正式上线，截止11月11日宠汪汪项目PV已经达到350万，UV达到28万，并且每天都在持续的增长。利用Taro解决了多端场景的痛点，当然项目中有些场景还是需要单独写h5和小程序的代码，以满足业务需求比如长图保存，打字动效果等等。整体来说，的确提高了开发效率，减少研发周期。同时也感谢Taro的技术团队的支持～。