Qunar前端自動化解決方案

FeKitFront-endtoolkitweibo:@林浩_去哪兒github:rinhmail:hao.lin@Whatis…Front-endtoolkitfekitminfekitserver…Front-endtoolkitWhy?THEPROBLEMdependenciesproductiondebuggingcompile&deploy1.dependencies1.dependencies1.dependenciesSea.js/Require.js/Lab.js/CommonJS/1.dependencies外部腳本依賴無法支持CSS不需要AMDless\coffee1.dependencies類Node.js語法私有變量、方法引用模塊組件(require)公開方法(exports)無需引用其它腳本支持coffee支持CSS無需引用其它腳本擴展原生語法，支持引用模塊、組件(@importurl)支持less支持組件通過安裝組件，達到復(fù)用fekitinstallfekitinstalljqueryfekitinstalljquery@1.9.2支持組件dependenices:{ “jquery”:“1.9.2”,“underscore”:“*”,“base”:“2.0.x”}fekit.config/rinh/fekit#fekitconfig項目根目錄類似于build.xml,pom.xml,package.json組件源fekitpublishfekitunpublishjquery@1.9.2requirerequire(‘./base.js’);require(‘base.js’);require(‘../base.js’);require(‘./base’);require(‘a(chǎn)lias.base’);require(‘base’);alias=./scripts/類node.js解決依賴兼容CSS支持組件支持多格式(自定義格式)無需外部腳本依賴2.Productiondebugging2.Productiondebugging

ReferenceError:_e1isnotdefinedbase@de6aedf2446b01bd5af3273ae2583e5f.js:1變量_e1未定義，錯誤在第1行。2.Productiondebugging生產(chǎn)環(huán)境開發(fā)環(huán)境SourceCodeIntermediateCodeCompiledCode合并/解決依賴NoYesYes混淆/壓縮NoNoYes環(huán)境開關(guān)環(huán)境開關(guān)規(guī)則Rules├─prdCompiledCode

├─devIntermediateCode└─srcSourceCode

環(huán)境開關(guān)switch(env){ case‘local’: load“SourceCode”; case‘development’: load“IntermediateCode”; case‘production’: load“CompiledCode”;}hosts()環(huán)境開關(guān)fekitserverhttp:///hotel_fekit/prd/scripts/base@de6aedf2446b01bd5af3273ae2583e5f.jsc:\work\hotel_fekit\src\scripts\base.jsSourceCode&Compilelocal環(huán)境開關(guān)獲取源碼尋找依賴單文件依賴多文件依賴遞歸分析并解析將編譯后代碼返回mustachecoffeeSourceCode&Compilefekitserver快速切換不同環(huán)境代碼實時編譯3.Compile&Deploy/hotel_fekit/prd/scripts/base@de6aedf2446b01bd5af3273ae2583e5f.js版本號(md5)3.Compile&Deploy<scriptsrc=“/hotel_fekit/prd/scripts/base@<!--#includefile="/var/scripts/base.js.ver"-->"></script>"fekitminsrc/scripts/base.jsprd/scripts/base@de6aedf2446b01bd5af3273ae2583e5f.js自動化處理fekit.config自動化處理export:[ “scripts/base.js”]開發(fā)Qunar前端工作流測試發(fā)布DEV:codingDEV:fekitpack&&fekitsyncQA,PM:checkingAUTO:fekitmin工程師無需關(guān)心版本號部署自動化單文件單獨版本號自動化處理Hookpreminpostminprepackpostpac