吉林提供技術(shù)搭建包含

    用于通過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í)施例提供的上述裝置和方法。技術(shù)搭建，簡(jiǎn)單易用的管理后臺(tái)，能實(shí)現(xiàn)多個(gè)平臺(tái)同步，實(shí)現(xiàn)真正高效管理網(wǎng)站。吉林提供技術(shù)搭建包含

    對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。結(jié)合上述說明，在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中，對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，還包括：對(duì)所述前端模塊的預(yù)編譯命令進(jìn)行配置；和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。結(jié)合上述說明，在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中，所述通過所述包管理工具建立所述定義后的前端模塊的依賴關(guān)系，包括：獲取所述前端模塊的應(yīng)用模塊與組件間的一依賴關(guān)系；工程化相關(guān)文件獲取所述前端模塊的平臺(tái)模塊與應(yīng)用模塊間的第二依賴關(guān)系；根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系。結(jié)合上述說明，在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中，所述方法還包括：所述資源文件包括html，js，css，img文件中的一種或兩種及以上的組合。結(jié)合上述說明，在本發(fā)明實(shí)例的另一種可能的實(shí)施方式中，所述方法還包括：基于http-proxy實(shí)現(xiàn)所述前端模塊的服務(wù)接口調(diào)用。第二方面，本發(fā)明實(shí)施例還提供了一種前端開發(fā)環(huán)境的搭建裝置，所述裝置包括：封裝單元，用于將模塊包文件從原代碼工程中抽離。黑龍江提供技術(shù)搭建好處無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。

    本發(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ù)的范圍。

    基于微服務(wù)的完善前端開發(fā)環(huán)境搭建完成之后，能夠?qū)崿F(xiàn)前端應(yīng)用的獨(dú)有解耦、前端依賴管理、純粹的開發(fā)環(huán)境和平臺(tái)化工程化的管理。本領(lǐng)域技術(shù)人員可以理解，實(shí)現(xiàn)上述實(shí)施例方法的全部或部分流程，可以通過計(jì)算機(jī)程序來指令相關(guān)的硬件來完成，所述的程序可存儲(chǔ)于計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中。其中，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)為磁盤、光盤、只讀存儲(chǔ)記憶體或隨機(jī)存儲(chǔ)記憶體等。圖6示例了一種電子設(shè)備的實(shí)體結(jié)構(gòu)示意圖，如圖6所示，該電子設(shè)備可以包括：處理器(processor)810、通信接口(communicationsinterface)820、存儲(chǔ)器(memory)830和通信總線840，其中，處理器810，通信接口820，存儲(chǔ)器830通過通信總線840完成相互間的通信。處理器810可以調(diào)用存儲(chǔ)器830中的邏輯指令，以執(zhí)行如下方法：通過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)系。無錫邦程信息科技有限公司，向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù)，從而贏得了用戶的信賴。

    所述第二依賴關(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í)施方式中。邦程一直秉承專業(yè)、誠信、服務(wù)、進(jìn)取的價(jià)值觀，堅(jiān)持互聯(lián)網(wǎng)品牌設(shè)計(jì)經(jīng)驗(yàn)和整合營銷的理念。黑龍江提供技術(shù)搭建好處

無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計(jì)、開發(fā)及托管等服務(wù)。吉林提供技術(shù)搭建包含

    也可發(fā)生于前端模塊的封裝過程中，即對(duì)所述靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行定義后，結(jié)合所述資源文件封裝為所述前端模塊。在步驟130中，通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系；所述javascript包管理工具一般為npm包管理工具，通過調(diào)用npm包管理工具能夠?qū)⑺銮岸四K存儲(chǔ)到web微服務(wù)平臺(tái)化的前端開發(fā)框架的相應(yīng)存儲(chǔ)路徑。本步驟中，定義后的前端模塊中包括了靜態(tài)資源目錄和工程化相關(guān)文件，通過javascript包管理工具讀取所述靜態(tài)資源目錄可建立所述前端模塊的依賴關(guān)系，通過對(duì)所述。所述前端模塊可以為一種便于管理的模塊包文件，以通過所述javascript包管理工具進(jìn)行管理。在步驟140中，通過所述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ù)建立的工程模板為腳手架模板，通過所述腳手架模板以及對(duì)應(yīng)的配置文件能夠獲取待用模板，根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開發(fā)環(huán)境，定義后的封裝前端模塊，無須重復(fù)編譯開發(fā)在新的前端開發(fā)環(huán)境中即可直接調(diào)取使用。吉林提供技術(shù)搭建包含

無錫邦程信息科技有限公司是一家有著雄厚實(shí)力背景、信譽(yù)可靠、勵(lì)精圖治、展望未來、有夢(mèng)想有目標(biāo)，有組織有體系的公司，堅(jiān)持于帶領(lǐng)員工在未來的道路上大放光明，攜手共畫藍(lán)圖，在江蘇省等地區(qū)的商務(wù)服務(wù)行業(yè)中積累了大批忠誠的客戶粉絲源，也收獲了良好的用戶口碑，為公司的發(fā)展奠定的良好的行業(yè)基礎(chǔ)，也希望未來公司能成為*****，努力為行業(yè)領(lǐng)域的發(fā)展奉獻(xiàn)出自己的一份力量，我們相信精益求精的工作態(tài)度和不斷的完善創(chuàng)新理念以及自強(qiáng)不息，斗志昂揚(yáng)的的企業(yè)精神將**無錫邦程信息科技供應(yīng)和您一起攜手步入輝煌，共創(chuàng)佳績(jī)，一直以來，公司貫徹執(zhí)行科學(xué)管理、創(chuàng)新發(fā)展、誠實(shí)守信的方針，員工精誠努力，協(xié)同奮取，以品質(zhì)、服務(wù)來贏得市場(chǎng)，我們一直在路上！