通過web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊,對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊通過搭建企業(yè)內(nèi)部的npm倉庫,將前端模塊通過npm包管理工具的publish組件發(fā)布至搭建的至npm私的服(前端模塊的管理平臺(tái)),達(dá)到所有的client模塊進(jìn)行管理。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景下,所述打包流程包括:利用,用gulp構(gòu)建任務(wù)監(jiān)控所有靜態(tài)資源、js、css、sass和html;一般地,具體步驟包括:清理輸出目錄;對(duì)于需要預(yù)編譯的模板進(jìn)行預(yù)編譯處理;整合平臺(tái)基礎(chǔ)依賴和應(yīng)用模塊的資源文件到整合目錄;整合應(yīng)用模塊配置的第三方資源文件到整合目錄;依據(jù)配置的js文件模塊化入口進(jìn)行模塊化文件合并;壓縮合并后的js模塊整合文件和css文件到輸出目錄;刪除整合目錄。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,還包括對(duì)前端模塊中的預(yù)編譯命令以及資源映射進(jìn)行配置,包括:對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置;和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。本發(fā)明實(shí)施例的一般應(yīng)用場(chǎng)景中,通過在定義client模塊時(shí)需要對(duì)所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進(jìn)行配置。技術(shù)搭建,簡(jiǎn)單易用的管理后臺(tái),能實(shí)現(xiàn)多個(gè)平臺(tái)同步,實(shí)現(xiàn)真正高效管理網(wǎng)站。江蘇國際技術(shù)搭建便捷
提供完全純粹的前端開發(fā)環(huán)境,但是這樣平臺(tái)無法對(duì)已有的模塊自由組合,缺少模塊的依賴管理,體系上也無法和后端的模塊對(duì)應(yīng)上,這樣也不是我們所期望的結(jié)果。技術(shù)實(shí)現(xiàn)要素:鑒于上述的分析,本發(fā)明實(shí)施例旨在提供一種前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì),用以解決現(xiàn)有的前端開發(fā)過程中過于依賴后端工程的問題。一方面,本發(fā)明實(shí)施例提供了一種前端開發(fā)環(huán)境的搭建方法,所述方法包括:通過web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件;所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義為對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;通過所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。結(jié)合上述說明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊。海南哪里技術(shù)搭建市場(chǎng)價(jià)邦程科技專業(yè)網(wǎng)站后臺(tái),為網(wǎng)站管理帶來福音;可需簡(jiǎn)單交互,就能更新官網(wǎng)內(nèi)容;一站更新。
前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì)。背景技術(shù):微服務(wù)是一種服務(wù)間松耦合的、每個(gè)服務(wù)之間高度自治并且使用輕量級(jí)協(xié)議進(jìn)行通信的可持續(xù)集成部署的分布式架構(gòu)體系。其可以采取較為典型的分布式結(jié)構(gòu),細(xì)分的部署粒度,服務(wù)的擴(kuò)展性更為靈活。前端開發(fā)模式目前有兩種方式:其中的一種是,利用微服務(wù)體系實(shí)現(xiàn)各服務(wù)間隔離、自治,體現(xiàn)在工程中各服務(wù)模塊也相對(duì)獨(dú)有,在基于springcloud搭建的微服務(wù)平臺(tái)架構(gòu)中,常用的是將每個(gè)模塊對(duì)應(yīng)的前端資源放入對(duì)應(yīng)的web模塊resources/static目錄下,通過maven將所有的模塊整合在一起,但是這樣所有的前端資源都分散在不同的jar包中,通過配置靜態(tài)資源路由來尋址這些資源,這導(dǎo)致前端開發(fā)環(huán)境是依賴java工程,可能會(huì)受到數(shù)據(jù)庫、中間件等環(huán)境的影響,并且資源加載順序無法控制,靜態(tài)資源無法熱更新,各模塊打包時(shí)所需的平臺(tái)資源和公共組件資源無法獲得,對(duì)于異構(gòu)模塊需要將編譯后的代碼放入到web工程中才可以使用,而且異構(gòu)系統(tǒng)在開發(fā)階段獲取不了平臺(tái)的資源環(huán)境等,這些都很大程度上影響了前端開發(fā)人員的工作環(huán)境與效率。另一種前端開發(fā)模式就是將前端工程完全獨(dú)有,將所有模塊的代碼都放在一個(gè)工程中。
其中的平臺(tái)基礎(chǔ)模塊內(nèi)置多個(gè)基礎(chǔ)子模塊,包含前端開發(fā)服務(wù)和平臺(tái)基礎(chǔ)資源前端模塊的服務(wù)器路徑、資源路徑和模板路徑。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,在前端開發(fā)環(huán)境搭建完成后的應(yīng)用過程還包括:讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊;對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景中,在開發(fā)完成后平臺(tái)會(huì)針對(duì)client模塊進(jìn)行預(yù)編譯、打包和壓縮,整個(gè)過程可由,gulp工具是基于流的前端構(gòu)建工具:通過讀取平臺(tái)配置文件獲取所有的client模塊,獲取需要進(jìn)行預(yù)編譯的模塊,使用node子進(jìn)程進(jìn)行預(yù)編譯處理;按照client模塊順序輸出靜態(tài)資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過rjs進(jìn)行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發(fā)明實(shí)施例的實(shí)施場(chǎng)景中,開發(fā)人員在新的開發(fā)環(huán)境中能夠通過前端模塊快速獲取整合后的完整前端代碼,而且不需要關(guān)聯(lián)前端的具體工程,整個(gè)開發(fā)流程大為精簡(jiǎn)。所述前端開發(fā)模塊用于前端開發(fā),當(dāng)開發(fā)完成后。通過技術(shù)搭建為廣大用戶研發(fā)先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái)。
本發(fā)明通過將原工作的模塊包文件抽離封裝形成獨(dú)有的客戶端的形式,使得按照開發(fā)需求根據(jù)已形成的客戶端進(jìn)行所需要的配置,根據(jù)不同的配置文件能夠形成不同的客戶端模塊,將所有需要的配置打包成一個(gè)模塊發(fā)布到管理平臺(tái)后開發(fā)人員能夠直接使用這些客戶端模塊。本發(fā)明解決了在非前后端分離開發(fā)過程中過于依賴后端環(huán)境的問題,降低了前端開發(fā)的難度,同時(shí)也解決了完全前后端分離下前端工程結(jié)構(gòu)未能按模塊拆分過于耦合的問題。本發(fā)明中,上述各技術(shù)方案之間還可以相互組合,以實(shí)現(xiàn)更多的推薦組合方案。本發(fā)明的其他特征和優(yōu)點(diǎn)將在隨后的說明書中闡述,并且,部分優(yōu)點(diǎn)可從說明書中變得顯而易見,或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過說明書以及附圖中所特別指出的內(nèi)容中來實(shí)現(xiàn)和獲得。具體實(shí)施方式為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合本發(fā)明實(shí)施例中的附圖,對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實(shí)施例是本發(fā)明一部分實(shí)施例,而不是全部的實(shí)施例?;诒景l(fā)明中的實(shí)施例,本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例,都屬于本發(fā)明保護(hù)的范圍。邦程專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、無錫網(wǎng)站優(yōu)化、網(wǎng)站代運(yùn)營、阿里巴巴代運(yùn)營、百度愛采購代理商、移動(dòng)營銷服務(wù)。甘肅哪里技術(shù)搭建好處
無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。江蘇國際技術(shù)搭建便捷
ramrandomaccessmemory)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。另一方面,本發(fā)明實(shí)施例還提供一種非暫態(tài)計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序,該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)以執(zhí)行上述各實(shí)施例提供的傳輸方法,例如包括:通過web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件;對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義為對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;通過所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。以上所描述的裝置實(shí)施例可可是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個(gè)地方,或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上??梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部模塊來實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動(dòng)的情況下。江蘇國際技術(shù)搭建便捷
無錫邦程信息科技有限公司在同行業(yè)領(lǐng)域中,一直處在一個(gè)不斷銳意進(jìn)取,不斷制造創(chuàng)新的市場(chǎng)高度,多年以來致力于發(fā)展富有創(chuàng)新價(jià)值理念的產(chǎn)品標(biāo)準(zhǔn),在江蘇省等地區(qū)的商務(wù)服務(wù)中始終保持良好的商業(yè)口碑,成績(jī)讓我們喜悅,但不會(huì)讓我們止步,殘酷的市場(chǎng)磨煉了我們堅(jiān)強(qiáng)不屈的意志,和諧溫馨的工作環(huán)境,富有營養(yǎng)的公司土壤滋養(yǎng)著我們不斷開拓創(chuàng)新,勇于進(jìn)取的無限潛力,無錫邦程信息科技供應(yīng)攜手大家一起走向共同輝煌的未來,回首過去,我們不會(huì)因?yàn)槿〉昧艘稽c(diǎn)點(diǎn)成績(jī)而沾沾自喜,相反的是面對(duì)競(jìng)爭(zhēng)越來越激烈的市場(chǎng)氛圍,我們更要明確自己的不足,做好迎接新挑戰(zhàn)的準(zhǔn)備,要不畏困難,激流勇進(jìn),以一個(gè)更嶄新的精神面貌迎接大家,共同走向輝煌回來!