微信小程序 devtool
筆者參與的小程序項(xiàng)目開發(fā)也進(jìn)入尾聲了，坑也踩得七七八八，對于哪些沒有涵蓋和深入使用的功能筆者就不班門弄斧了。
前幾篇文章講了那么多細(xì)節(jié)也好，策略也好，都是應(yīng)用層面的東西。自微信小程序公布以來就有先行者不斷的探索小程序背后的運(yùn)行機(jī)制。小程序的開發(fā)語法和API與前端工程師熟悉的html/js/css非常相似，所以會令很多人疑惑小程序與普通的HTML5應(yīng)用到底有什么區(qū)別。這篇文章其實(shí)將小程序的基本運(yùn)行機(jī)制剖析的差不多了，簡單概括就是：
既然已經(jīng)有先行者得出了結(jié)論，為啥還要寫這篇文章呢？當(dāng)然是為了湊齊七篇啦，哈哈哈...
開玩笑！這篇文章的目的不是重復(fù)別人的結(jié)論，而是將筆者研究小程序開發(fā)工具源碼的一些心得和結(jié)論記錄下來，以方便大家后續(xù)更深入的探索。
看看devtool的源碼有什么
第一步是找到小程序devtool的源碼，以mac系統(tǒng)為例，源碼的打開方式如下圖：
其他的文件不用理會，我們要研究的主要代碼在Content/Resources/app.nw/dist目錄下，這個(gè)目錄包括devtool的功能代碼以及對小程序進(jìn)行執(zhí)行、編譯、打包、上傳等功能的代碼。當(dāng)然，這些代碼都是經(jīng)過混淆的，讀起來還挺費(fèi)勁（攤手~
需要著重注意的是Content/Resources/app.nw/dist/weapp目錄，以及commit和trans兩個(gè)子目錄：
從文件的命名上大致可以猜到每個(gè)文件對應(yīng)的功能：
既然我們知道小程序會進(jìn)行構(gòu)建打包流程，想得知小程序運(yùn)行機(jī)制最好的辦法就是研究構(gòu)建完畢之后的代碼。有了這個(gè)目標(biāo)之后，下一步就是查看devtool的日志獲取小程序構(gòu)建之后的代碼存放位置。
找到日志文件
Content/Resources/app.nw/dist/common/log/log.js是負(fù)責(zé)管理devtool日志功能的文件，其中有這樣一段代碼：
重慶分公司
重慶分公司
const a = require('fs'),
b = require('log'),
c = require('path'),
d = require('../../config/dirConfig.js'),
e = d.WeappLog;另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
