技術(shù)總結(jié)
本發(fā)明實施例提供了一種前端開發(fā)工程化系統(tǒng)和方法,系統(tǒng)包括:項目模板化生成模塊,用于生成項目模板,并在創(chuàng)建工程時根據(jù)生成的項目模板創(chuàng)建工程的目錄和文件,并根據(jù)項目模板安裝所需依賴程序;構(gòu)建發(fā)布模塊,用于利用Gulp和Webpack中間件進(jìn)行模塊化的代碼編譯、壓縮、混淆、代碼內(nèi)聯(lián)、批量替換服務(wù),并生成輕量的壓縮后的代碼;還用于通過Webpack中間件和npm進(jìn)行css、js代碼規(guī)范及健康檢測;開發(fā)環(huán)境建立模塊,利用Express.js建立web服務(wù);通過Express的中間件進(jìn)行l(wèi)ess、sass、es6、react編譯及css、js文件壓縮、丑化、合并,并將代碼內(nèi)聯(lián)在html頁面內(nèi);并通過及Webpack及中間件進(jìn)行代碼熱刷新及實時編譯構(gòu)建;并在接收到用戶指令時調(diào)用構(gòu)建發(fā)布模塊對目標(biāo)頁面進(jìn)行開發(fā)構(gòu)建。
技術(shù)研發(fā)人員:張韶峰;王勇睿;楊岳;陳德昭
受保護(hù)的技術(shù)使用者:百融(北京)金融信息服務(wù)股份有限公司
文檔號碼:201710028280
技術(shù)研發(fā)日:2017.01.16
技術(shù)公布日:2017.06.13