河南如何技術(shù)搭建優(yōu)勢(shì)

來(lái)源: 發(fā)布時(shí)間:2025-04-26

    用于通過(guò)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,用于通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;其中的環(huán)境搭建單元540,用于通過(guò)所述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)境的搭建方法。通過(guò)本發(fā)明實(shí)施例提供的上述裝置和方法。無(wú)錫邦程信息科技有限公司,向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù),從而贏得了用戶的信賴。河南如何技術(shù)搭建優(yōu)勢(shì)

河南如何技術(shù)搭建優(yōu)勢(shì),技術(shù)搭建

    對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義,還包括:對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置;和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述通過(guò)所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系,包括:獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系;工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴關(guān)系;根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結(jié)合上述說(shuō)明,在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中,所述方法還包括:基于http-proxy實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。第二方面,本發(fā)明實(shí)施例還提供了一種前端開發(fā)環(huán)境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。河南如何技術(shù)搭建優(yōu)勢(shì)邦程科技通過(guò)周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實(shí)施。

河南如何技術(shù)搭建優(yōu)勢(shì),技術(shù)搭建

    通過(guò)web微服務(wù)平臺(tái)化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊,對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮,并將壓縮后的前端模塊通過(guò)搭建企業(yè)內(nèi)部的npm倉(cāng)庫(kù),將前端模塊通過(guò)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)景中,通過(guò)在定義client模塊時(shí)需要對(duì)所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進(jìn)行配置。

    通過(guò)所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。需要說(shuō)明的是,本實(shí)施例中的電子設(shè)備在具體實(shí)現(xiàn)時(shí)可以為服務(wù)器,也可以為pc機(jī),還可以為其他設(shè)備,只要其結(jié)構(gòu)中包括如圖6所示的處理器810、通信接口820、存儲(chǔ)器830和通信總線840,其中處理器810,通信接口820,存儲(chǔ)器830通過(guò)通信總線840完成相互間的通信,且處理器810可以調(diào)用存儲(chǔ)器830中的邏輯指令以執(zhí)行上述方法即可。本實(shí)施例不對(duì)電子設(shè)備的具體實(shí)現(xiàn)形式進(jìn)行限定。此外,上述的存儲(chǔ)器830中的邏輯指令可以通過(guò)軟件功能單元的形式實(shí)現(xiàn)并作為獨(dú)有的產(chǎn)品銷售或使用時(shí),可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中?;谶@樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái),該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中,包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī),服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括:u盤、移動(dòng)硬盤、只讀存儲(chǔ)器(rom,read-onlymemory)、隨機(jī)存取存儲(chǔ)器。邦程一直秉承專業(yè)、誠(chéng)信、服務(wù)、進(jìn)取的價(jià)值觀,堅(jiān)持互聯(lián)網(wǎng)品牌設(shè)計(jì)經(jīng)驗(yàn)和整合營(yíng)銷的理念。

河南如何技術(shù)搭建優(yōu)勢(shì),技術(shù)搭建

    也可發(fā)生于前端模塊的封裝過(guò)程中,即對(duì)所述靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行定義后,結(jié)合所述資源文件封裝為所述前端模塊。在步驟130中,通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系;所述javascript包管理工具一般為npm包管理工具,通過(guò)調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲(chǔ)到web微服務(wù)平臺(tái)化的前端開發(fā)框架的相應(yīng)存儲(chǔ)路徑。本步驟中,定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關(guān)文件,通過(guò)javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關(guān)系,通過(guò)對(duì)所述。所述前端模塊可以為一種便于管理的模塊包文件,以通過(guò)所述javascript包管理工具進(jìn)行管理。在步驟140中,通過(guò)所述web微服務(wù)平臺(tái)化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊,結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,所述web微服務(wù)平臺(tái)化的前端開發(fā)框架中預(yù)建立的工程模板為腳手架模板,通過(guò)所述腳手架模板以及對(duì)應(yīng)的配置文件能夠獲取待用模板,根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開發(fā)環(huán)境,定義后的封裝前端模塊,無(wú)須重復(fù)編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用。通過(guò)技術(shù)搭建為廣大用戶研發(fā)先進(jìn)的信息技術(shù)搭建起一個(gè)適合企業(yè)業(yè)務(wù)和管理需要的應(yīng)用服務(wù)平臺(tái)。重慶網(wǎng)絡(luò)技術(shù)搭建市場(chǎng)價(jià)

邦程科技專業(yè)網(wǎng)站后臺(tái),為網(wǎng)站管理帶來(lái)福音;可需簡(jiǎn)單交互,就能更新官網(wǎng)內(nèi)容;一站更新。河南如何技術(shù)搭建優(yōu)勢(shì)

    其中的平臺(tái)基礎(chǔ)模塊內(nèi)置多個(gè)基礎(chǔ)子模塊,包含前端開發(fā)服務(wù)和平臺(tái)基礎(chǔ)資源前端模塊的服務(wù)器路徑、資源路徑和模板路徑。本發(fā)明實(shí)施例一種可行的實(shí)施方式中,在前端開發(fā)環(huán)境搭建完成后的應(yīng)用過(guò)程還包括:讀取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è)過(guò)程可由,gulp工具是基于流的前端構(gòu)建工具:通過(guò)讀取平臺(tái)配置文件獲取所有的client模塊,獲取需要進(jìn)行預(yù)編譯的模塊,使用node子進(jìn)程進(jìn)行預(yù)編譯處理;按照client模塊順序輸出靜態(tài)資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過(guò)rjs進(jìn)行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發(fā)明實(shí)施例的實(shí)施場(chǎng)景中,開發(fā)人員在新的開發(fā)環(huán)境中能夠通過(guò)前端模塊快速獲取整合后的完整前端代碼,而且不需要關(guān)聯(lián)前端的具體工程,整個(gè)開發(fā)流程大為精簡(jiǎn)。所述前端開發(fā)模塊用于前端開發(fā),當(dāng)開發(fā)完成后。河南如何技術(shù)搭建優(yōu)勢(shì)

無(wú)錫邦程信息科技有限公司匯集了大量的優(yōu)秀人才,集企業(yè)奇思,創(chuàng)經(jīng)濟(jì)奇跡,一群有夢(mèng)想有朝氣的團(tuán)隊(duì)不斷在前進(jìn)的道路上開創(chuàng)新天地,繪畫新藍(lán)圖,在江蘇省等地區(qū)的商務(wù)服務(wù)中始終保持良好的信譽(yù),信奉著“爭(zhēng)取每一個(gè)客戶不容易,失去每一個(gè)用戶很簡(jiǎn)單”的理念,市場(chǎng)是企業(yè)的方向,質(zhì)量是企業(yè)的生命,在公司有效方針的領(lǐng)導(dǎo)下,全體上下,團(tuán)結(jié)一致,共同進(jìn)退,**協(xié)力把各方面工作做得更好,努力開創(chuàng)工作的新局面,公司的新高度,未來(lái)無(wú)錫邦程信息科技供應(yīng)和您一起奔向更美好的未來(lái),即使現(xiàn)在有一點(diǎn)小小的成績(jī),也不足以驕傲,過(guò)去的種種都已成為昨日我們只有總結(jié)經(jīng)驗(yàn),才能繼續(xù)上路,讓我們一起點(diǎn)燃新的希望,放飛新的夢(mèng)想!