個(gè)性化需求,專屬服務(wù):海綿定制如何滿足多樣化市場(chǎng)-海綿定制
如何選擇合適的過濾綿:提升過濾效率與延長使用壽命-過濾綿
揭秘物流網(wǎng)格海綿:如何在運(yùn)輸中提供良好緩沖效果-網(wǎng)格海綿
寵物海綿爬梯:為寵物量身定制的沙發(fā)與床間通行神器-海綿爬梯
寵物友好家居設(shè)計(jì):海綿爬梯讓沙發(fā)、樓梯、床觸手可及-海綿爬梯
如何挑選高效耐用的杯刷海綿:一份實(shí)用的購買指南-杯刷海綿
淘氣堡海綿材質(zhì)對(duì)比,哪種更適合你家孩子-淘氣堡海綿
海綿鞋擦:輕松去除鞋面污漬-海綿鞋擦
高效去除洗衣機(jī)內(nèi)毛發(fā):洗衣球海綿的神奇功效-洗衣球海綿
寵物海綿爬梯:安全、舒適且有趣-小型寵物海綿爬梯輔助器報(bào)價(jià)
提供完全純粹的前端開發(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ā)框架的配置文件以獲取定義后的前端模塊。邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案,幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。甘肅智能化技術(shù)搭建怎么樣
所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生,所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充,亦可為互為包含,通過根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系,能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開發(fā)環(huán)境搭建完成后,通過讀取平臺(tái)配置文件獲取所需要的client模塊,按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊,然后獲取到各模塊的靜態(tài)資源路徑,將該路徑通過執(zhí)行,這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開發(fā)過程中,還可以通過npmlink命令實(shí)現(xiàn)開發(fā)的工程組下內(nèi)部模塊協(xié)同開發(fā)的問題,防止頻繁的發(fā)布和裝載。通過本發(fā)明實(shí)施例搭建的前端開發(fā)環(huán)境,可以讓前端人員友好的控制及調(diào)試開發(fā),不依賴任何后端服務(wù)、數(shù)據(jù)庫和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范,例如editorconfig:同化編輯器之前差異;eslint:模塊包文件所表示的代碼校驗(yàn);prettier:美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。天津貿(mào)易技術(shù)搭建怎么樣無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。
用于通過web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件;其中的配置定義單元520,用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,其中,所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;其中的環(huán)境搭建單元540,用于通過所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。上述實(shí)施例中提供的前端開發(fā)環(huán)境的搭建裝置可執(zhí)行本發(fā)明中任意實(shí)施例中所提供的前端開發(fā)環(huán)境的搭建方法,具備執(zhí)行該方法相應(yīng)的功能模塊和有益效果,未在上述實(shí)施例中詳細(xì)描述的技術(shù)細(xì)節(jié),可參見本發(fā)明任意實(shí)施例中所提供的前端開發(fā)環(huán)境的搭建方法。通過本發(fā)明實(shí)施例提供的上述裝置和方法。
本發(fā)明實(shí)施例另一種可行的實(shí)施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠?qū)崿F(xiàn)快速搭建開發(fā)環(huán)境。本發(fā)明實(shí)施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置,初始化之后,只需要將抽離出來的前端資源文件放置在對(duì)應(yīng)的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發(fā)明實(shí)施例一種具體和實(shí)施場(chǎng)景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開發(fā)環(huán)境;創(chuàng)建portal-client(前端平臺(tái)模塊,屬于前端模塊中的平臺(tái)模塊)平臺(tái)腳手架,包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等;創(chuàng)建app-client(前端應(yīng)用模塊,屬于前端模塊中的應(yīng)用模塊)應(yīng)用腳手架,包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等;擴(kuò)展特殊應(yīng)用腳手架,針對(duì)異構(gòu)開發(fā)的兼容等;將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺(tái))進(jìn)行管理。通過yeoman可以管理多種腳手架以適應(yīng)不同的場(chǎng)景。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應(yīng)的項(xiàng)目以提高開發(fā)效率。本發(fā)明的方法。邦程科技視推動(dòng)中國企業(yè)開展電子商務(wù)、實(shí)現(xiàn)信息化為己任;深入研究企業(yè)客戶的實(shí)際需要的網(wǎng)絡(luò)技術(shù)搭建。
本發(fā)明涉及一種前端開發(fā)環(huán)境的搭建方法、裝置、設(shè)備及存儲(chǔ)介質(zhì),其主要運(yùn)用于前端開發(fā)使用語言進(jìn)行過渡的場(chǎng)景中,其基本思想是:將現(xiàn)有工程的資源文件及配置文件以及根據(jù)開發(fā)需求生成的配置資源文件等進(jìn)行封裝形成前端模塊,該前端模塊包括前端平臺(tái)模塊以及前端應(yīng)用模塊,其中的前端平臺(tái)模塊又包括前端基礎(chǔ)模塊,前端基礎(chǔ)模塊包括若干基礎(chǔ)子模塊,前端模塊中包括了前端應(yīng)用模塊的依賴以及組件的依賴,將前端模塊發(fā)布后,開發(fā)人員能夠通過這種方式直接通過配置文件讀取這些前端模塊,而不再依賴于已編譯的后端工程文件,對(duì)于開發(fā)工作人員而言提供了一種新的前端開發(fā)環(huán)境以及一種新的前端開發(fā)環(huán)境的快速搭建方法。圖1為本發(fā)明實(shí)施例一提供的流程圖,本實(shí)施例可適用于對(duì)前端工程進(jìn)行封裝以獨(dú)有進(jìn)行配置的情況,該方法具體包括如下步驟:在步驟110中,通過web微服務(wù)平臺(tái)化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊,在所述前端應(yīng)用模塊加入前端資源文件,其中,所述前端資源文件包括源工程遷移的資源文件和根據(jù)開發(fā)需求形成的資源文件;本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述源工程可以為在開發(fā)過程中的原java環(huán)境中的java工程。通過技術(shù)搭建為廣大用戶研發(fā)先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái)。黑龍江如何技術(shù)搭建有哪些
無錫邦程信息科技有限公司開,創(chuàng)性地建立了適合中小企業(yè)需要的IT應(yīng)用服務(wù)運(yùn)營模式。甘肅智能化技術(shù)搭建怎么樣
通過在前端模塊接入web微服務(wù)平臺(tái)化的前端開發(fā)框架的入口文件中增加相應(yīng)的申明(以定義的方式或修改屬性參數(shù)的方式進(jìn)行)的方式,使得前端模塊在,因此通過搭建企業(yè)內(nèi)部的npm倉庫,將前端模塊的各client模塊通過npmpublish發(fā)布至搭建的新的前端開發(fā)環(huán)境,達(dá)到所有的client前端模塊進(jìn)行管理的效果。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系,包括:在步驟410中,獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系;所述一依賴關(guān)系為所述模塊包文件(具體為業(yè)務(wù)子模塊)在工程中所體現(xiàn)的應(yīng)用模塊與組件之間的依賴關(guān)系,其一般可通過資源映射的方式體現(xiàn),所述一依賴關(guān)系一般為原web微服務(wù)環(huán)境中模塊包文件與web微服務(wù)之間的通信協(xié)議產(chǎn)生的,亦可通過調(diào)取資源映射文件的方式調(diào)取。在步驟420中,工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴關(guān)系;在步驟430中,根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系。所述第二依賴關(guān)系為模塊包文件具體為平臺(tái)業(yè)務(wù)模塊與對(duì)應(yīng)的應(yīng)用模塊之間的對(duì)應(yīng)關(guān)系,其一般地可在封裝的配置文件中體現(xiàn)。甘肅智能化技術(shù)搭建怎么樣
無錫邦程信息科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗(yàn),在發(fā)展過程中不斷完善自己,要求自己,不斷創(chuàng)新,時(shí)刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,在業(yè)界也收獲了很多良好的評(píng)價(jià),這些都源自于自身的努力和大家共同進(jìn)步的結(jié)果,這些評(píng)價(jià)對(duì)我們而言是比較好的前進(jìn)動(dòng)力,也促使我們?cè)谝院蟮牡缆飞媳3謯^發(fā)圖強(qiáng)、一往無前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個(gè)新高度,在全體員工共同努力之下,全力拼搏將共同無錫邦程信息科技供應(yīng)和您一起攜手走向更好的未來,創(chuàng)造更有價(jià)值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長!