新疆提供技術(shù)搭建便捷

    其中的平臺(tái)基礎(chǔ)模塊內(nèi)置多個(gè)基礎(chǔ)子模塊，包含前端開(kāi)發(fā)服務(wù)和平臺(tái)基礎(chǔ)資源前端模塊的服務(wù)器路徑、資源路徑和模板路徑。本發(fā)明實(shí)施例一種可行的實(shí)施方式中，在前端開(kāi)發(fā)環(huán)境搭建完成后的應(yīng)用過(guò)程還包括：讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊；對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。本發(fā)明實(shí)施例的一種實(shí)施場(chǎng)景中，在開(kāi)發(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)景中，開(kāi)發(fā)人員在新的開(kāi)發(fā)環(huán)境中能夠通過(guò)前端模塊快速獲取整合后的完整前端代碼，而且不需要關(guān)聯(lián)前端的具體工程，整個(gè)開(kāi)發(fā)流程大為精簡(jiǎn)。所述前端開(kāi)發(fā)模塊用于前端開(kāi)發(fā)，當(dāng)開(kāi)發(fā)完成后。邦程科技視推動(dòng)中國(guó)企業(yè)開(kāi)展電子商務(wù)、實(shí)現(xiàn)信息化為己任；深入研究企業(yè)客戶的實(shí)際需要的網(wǎng)絡(luò)技術(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)化的前端開(kā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)化的前端開(kāi)發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺(tái)模塊，結(jié)合所述依賴關(guān)系搭建前端開(kāi)發(fā)環(huán)境。本發(fā)明實(shí)施例一種可行的實(shí)施方式中，所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架中預(yù)建立的工程模板為腳手架模板，通過(guò)所述腳手架模板以及對(duì)應(yīng)的配置文件能夠獲取待用模板，根據(jù)所述待用模板以及所述依賴關(guān)系能夠快速搭建所需要的前端開(kāi)發(fā)環(huán)境，定義后的封裝前端模塊，無(wú)須重復(fù)編譯開(kāi)發(fā)在新的前端開(kāi)發(fā)環(huán)境中即可直接調(diào)取使用。天津網(wǎng)絡(luò)技術(shù)搭建包含透過(guò)龐大的全球性商務(wù)網(wǎng)絡(luò)，面對(duì)面地向企業(yè)客戶提供全方面、標(biāo)準(zhǔn)化、一站式的IT應(yīng)用服務(wù)和信息化解決方案。

    并將每一段獨(dú)有的抽離后的模塊包文件發(fā)送至web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架，以生成對(duì)應(yīng)的前端模塊；配置定義單元，用于對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；依賴建立單元，用于通過(guò)javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系；環(huán)境搭建單元，用于從所述web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架中預(yù)建立的工程模板中獲取待搭建環(huán)境的待用模板，根據(jù)待用模板以及所述依賴關(guān)系搭建前端開(kāi)發(fā)環(huán)境。上述的裝置，所述裝置還包括：讀取模塊，用于讀取web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件以獲取定義后的前端模塊；管理模塊，用于對(duì)所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。第三方面，本發(fā)明還提供了一種電子設(shè)備，所述電子設(shè)備包括：處理器；用于存儲(chǔ)處理器可執(zhí)行的指令的存儲(chǔ)器；其中，所述存儲(chǔ)器被配置為用以實(shí)施上述的前端開(kāi)發(fā)環(huán)境的搭建方法。第四方面，本發(fā)明還提供了一種非易失性計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序指令，所述計(jì)算機(jī)程序指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述任意一項(xiàng)所述的前端開(kāi)發(fā)環(huán)境的搭建方法。

    通過(guò)web微服務(wù)平臺(tái)化的前端開(kāi)發(fā)框架的配置文件獲取開(kāi)發(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)行配置。無(wú)錫邦程信息科技有限公司，專業(yè)的幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

    所述模塊包文件為通過(guò)java語(yǔ)言編寫的java代碼形成的jar包，每一獨(dú)有形成的jar包可能用于實(shí)現(xiàn)某一功能或者應(yīng)用。通過(guò)源工程獲取的資源文件，可以為html，js，css，img文件中的一種或兩種及以上的組合，例如通過(guò)java語(yǔ)言實(shí)現(xiàn)的jar，在jar包內(nèi)可包括其對(duì)應(yīng)的資源文件，可通過(guò)封裝的形式形成所述前端模塊，其它類型的資源文件可以為根據(jù)具體代碼封裝生成。本發(fā)明實(shí)施例的一種具體的實(shí)施場(chǎng)景中，所述前端資源文件還包括根據(jù)開(kāi)發(fā)需求形成的資源文件，根據(jù)具體的開(kāi)發(fā)需求可以實(shí)現(xiàn)資源文件的定制，進(jìn)一步還可以實(shí)現(xiàn)對(duì)資源文件的平臺(tái)共享。在步驟120中，對(duì)所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對(duì)所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；在步驟110中生成的前端模塊為基礎(chǔ)的客戶端模塊，其所形成的模塊中至少應(yīng)包括靜態(tài)資源目錄和工程化相關(guān)文件，對(duì)靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的具體配置即為對(duì)所述前端模塊進(jìn)行的定義。所述工程化相關(guān)文件為通過(guò)本發(fā)明的方法搭建的前端開(kāi)發(fā)環(huán)境中，在開(kāi)發(fā)過(guò)程中的工程所使用的工程化相關(guān)文件，其包括但不限于預(yù)編譯文件、模塊化打包文件以及壓縮文件等。本步驟中的定義。無(wú)錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計(jì)、開(kāi)發(fā)及托管等服務(wù)。新疆提供技術(shù)搭建便捷

邦程科技通過(guò)周密的策劃、深入的調(diào)查、理性的分析、精妙的創(chuàng)意、專業(yè)的實(shí)施。新疆提供技術(shù)搭建便捷

    所述第二依賴關(guān)系可以為在新增前端模塊的web微服務(wù)環(huán)境中前端模塊與對(duì)應(yīng)的組件或?qū)?yīng)應(yīng)用之間的通信協(xié)議產(chǎn)生，所述一依賴關(guān)系與所述第二依賴關(guān)系之間可以互為補(bǔ)充，亦可為互為包含，通過(guò)根據(jù)所述一依賴關(guān)系和所述第二依賴關(guān)系生成所述定義后的前端模塊的依賴關(guān)系，能夠避免封裝后的前端模塊在配置時(shí)出現(xiàn)依賴偏差。本發(fā)明實(shí)施例的前端開(kāi)發(fā)環(huán)境搭建完成后，通過(guò)讀取平臺(tái)配置文件獲取所需要的client模塊，按照配置文件中的順序依次加載對(duì)應(yīng)的各模塊，然后獲取到各模塊的靜態(tài)資源路徑，將該路徑通過(guò)執(zhí)行，這樣就實(shí)現(xiàn)了結(jié)合上述依賴關(guān)系控制client模塊的靜態(tài)資源加載及相應(yīng)順序。在平臺(tái)與client模塊開(kāi)發(fā)過(guò)程中，還可以通過(guò)npmlink命令實(shí)現(xiàn)開(kāi)發(fā)的工程組下內(nèi)部模塊協(xié)同開(kāi)發(fā)的問(wèn)題，防止頻繁的發(fā)布和裝載。通過(guò)本發(fā)明實(shí)施例搭建的前端開(kāi)發(fā)環(huán)境，可以讓前端人員友好的控制及調(diào)試開(kāi)發(fā)，不依賴任何后端服務(wù)、數(shù)據(jù)庫(kù)和中間件。本發(fā)明實(shí)施例一種可行的實(shí)施方式中，平臺(tái)提供的client模塊的模板可內(nèi)置多種命令完善前端工程化的結(jié)構(gòu)標(biāo)準(zhǔn)、代碼規(guī)范，例如editorconfig：同化編輯器之前差異；eslint：模塊包文件所表示的代碼校驗(yàn)；prettier：美化代碼等。本發(fā)明實(shí)施例一種可行的實(shí)施方式中。新疆提供技術(shù)搭建便捷

無(wú)錫邦程信息科技有限公司在同行業(yè)領(lǐng)域中，一直處在一個(gè)不斷銳意進(jìn)取，不斷制造創(chuàng)新的市場(chǎng)高度，多年以來(lái)致力于發(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)的公司土壤滋養(yǎng)著我們不斷開(kāi)拓創(chuàng)新，勇于進(jìn)取的無(wú)限潛力，無(wú)錫邦程信息科技供應(yīng)攜手大家一起走向共同輝煌的未來(lái)，回首過(guò)去，我們不會(huì)因?yàn)槿〉昧艘稽c(diǎn)點(diǎn)成績(jī)而沾沾自喜，相反的是面對(duì)競(jìng)爭(zhēng)越來(lái)越激烈的市場(chǎng)氛圍，我們更要明確自己的不足，做好迎接新挑戰(zhàn)的準(zhǔn)備，要不畏困難，激流勇進(jìn)，以一個(gè)更嶄新的精神面貌迎接大家，共同走向輝煌回來(lái)！