廣東如何技術(shù)搭建選擇

    用于通過web微服務(wù)平臺化預(yù)建立的前端應(yīng)用工程模板創(chuàng)建前端應(yīng)用模塊，在所述前端應(yīng)用模塊加入前端資源文件；其中的配置定義單元520，用于對所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，其中，所述定義包括對所述前端模塊的靜態(tài)資源目錄和工程化相關(guān)文件進(jìn)行的配置；其中的依賴建立單元530，用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關(guān)系；其中的環(huán)境搭建單元540，用于通過所述web微服務(wù)平臺化的前端開發(fā)框架預(yù)建立的前端工程模板創(chuàng)建前端平臺模塊，結(jié)合所述依賴關(guān)系搭建前端開發(fā)環(huán)境。本發(fā)明實施例一種可行的實施方式中，所述裝置還包括：讀取模塊，用于讀取web微服務(wù)平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊；管理模塊，用于對所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。上述實施例中提供的前端開發(fā)環(huán)境的搭建裝置可執(zhí)行本發(fā)明中任意實施例中所提供的前端開發(fā)環(huán)境的搭建方法，具備執(zhí)行該方法相應(yīng)的功能模塊和有益效果，未在上述實施例中詳細(xì)描述的技術(shù)細(xì)節(jié)，可參見本發(fā)明任意實施例中所提供的前端開發(fā)環(huán)境的搭建方法。通過本發(fā)明實施例提供的上述裝置和方法。技術(shù)搭建，簡單易用的管理后臺，能實現(xiàn)多個平臺同步，實現(xiàn)真正高效管理網(wǎng)站。廣東如何技術(shù)搭建選擇

    其中的平臺基礎(chǔ)模塊內(nèi)置多個基礎(chǔ)子模塊，包含前端開發(fā)服務(wù)和平臺基礎(chǔ)資源前端模塊的服務(wù)器路徑、資源路徑和模板路徑。本發(fā)明實施例一種可行的實施方式中，在前端開發(fā)環(huán)境搭建完成后的應(yīng)用過程還包括：讀取web微服務(wù)平臺化的前端開發(fā)框架的配置文件以獲取定義后的前端模塊；對所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊發(fā)送至包管理工具進(jìn)行管理。本發(fā)明實施例的一種實施場景中，在開發(fā)完成后平臺會針對client模塊進(jìn)行預(yù)編譯、打包和壓縮，整個過程可由，gulp工具是基于流的前端構(gòu)建工具：通過讀取平臺配置文件獲取所有的client模塊，獲取需要進(jìn)行預(yù)編譯的模塊，使用node子進(jìn)程進(jìn)行預(yù)編譯處理；按照client模塊順序輸出靜態(tài)資源到dist目錄整合；獲取所有client模塊中指定的模塊化壓縮的入口，通過rjs進(jìn)行模塊化壓縮輸出；后面獲得整合后的完整模塊包文件所表示的前端代碼。本發(fā)明實施例的實施場景中，開發(fā)人員在新的開發(fā)環(huán)境中能夠通過前端模塊快速獲取整合后的完整前端代碼，而且不需要關(guān)聯(lián)前端的具體工程，整個開發(fā)流程大為精簡。所述前端開發(fā)模塊用于前端開發(fā)，當(dāng)開發(fā)完成后。寧夏企業(yè)技術(shù)搭建怎么樣無錫邦程信息科技有限公司，向廣大用戶提供好質(zhì)量產(chǎn)品和好質(zhì)量服務(wù)，從而贏得了用戶的信賴。

    本發(fā)明實施例另一種可行的實施方式中，在所述，亦可使用yeoman管理工具管理腳手架模板，yeoman是成熟的工程腳手架管理工具，能夠?qū)崿F(xiàn)快速搭建開發(fā)環(huán)境。本發(fā)明實施例中所述腳手架模塊的意義主要為定義工程結(jié)構(gòu)和基礎(chǔ)屬性設(shè)置，初始化之后，只需要將抽離出來的前端資源文件放置在對應(yīng)的目錄中，然后在npm模塊入口文件中聲明前端模塊的靜態(tài)資源目錄和工程化相關(guān)(預(yù)編譯、模塊化打包壓縮等)配置，即可完成前端模塊的封裝。本發(fā)明實施例一種具體和實施場景中，所述前端模塊腳手架裝置的配置包括：使用yeoman管理腳手架模板，以快速搭建開發(fā)環(huán)境；創(chuàng)建portal-client(前端平臺模塊，屬于前端模塊中的平臺模塊)平臺腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；創(chuàng)建app-client(前端應(yīng)用模塊，屬于前端模塊中的應(yīng)用模塊)應(yīng)用腳手架，包含工程結(jié)構(gòu)、基礎(chǔ)配置和內(nèi)置腳本等；擴展特殊應(yīng)用腳手架，針對異構(gòu)開發(fā)的兼容等；將腳手架發(fā)布至至npm私的服(前端模塊的管理平臺)進(jìn)行管理。通過yeoman可以管理多種腳手架以適應(yīng)不同的場景。本發(fā)明實施例一種可行的實施方式中，所述基于，定制之后的腳手架工具能夠快速生成相應(yīng)的項目以提高開發(fā)效率。本發(fā)明的方法。

    通過web微服務(wù)平臺化的前端開發(fā)框架的配置文件獲取開發(fā)完成的前端模塊，對所述定義后的前端模塊進(jìn)行預(yù)編譯、打包和壓縮，并將壓縮后的前端模塊通過搭建企業(yè)內(nèi)部的npm倉庫，將前端模塊通過npm包管理工具的publish組件發(fā)布至搭建的至npm私的服(前端模塊的管理平臺)，達(dá)到所有的client模塊進(jìn)行管理。本發(fā)明實施例的一種實施場景下，所述打包流程包括：利用，用gulp構(gòu)建任務(wù)監(jiān)控所有靜態(tài)資源、js、css、sass和html；一般地，具體步驟包括：清理輸出目錄；對于需要預(yù)編譯的模板進(jìn)行預(yù)編譯處理；整合平臺基礎(chǔ)依賴和應(yīng)用模塊的資源文件到整合目錄；整合應(yīng)用模塊配置的第三方資源文件到整合目錄；依據(jù)配置的js文件模塊化入口進(jìn)行模塊化文件合并；壓縮合并后的js模塊整合文件和css文件到輸出目錄；刪除整合目錄。本發(fā)明實施例一種可行的實施方式中，所述前端應(yīng)用模塊所屬的前端模塊進(jìn)行定義，還包括對前端模塊中的預(yù)編譯命令以及資源映射進(jìn)行配置，包括：對所述前端模塊的預(yù)編譯命令進(jìn)行配置；和/或?qū)λ銮岸四K的資源映射進(jìn)行配置。本發(fā)明實施例的一般應(yīng)用場景中，通過在定義client模塊時需要對所述前端模塊的靜態(tài)資源目錄、模塊化打包入口文件、預(yù)編譯命令、資源映射均進(jìn)行配置。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、為客戶提供一站式品牌策劃、創(chuàng)意設(shè)計、開發(fā)及托管等服務(wù)。

    本發(fā)明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式，使得按照開發(fā)需求根據(jù)已形成的客戶端進(jìn)行所需要的配置，根據(jù)不同的配置文件能夠形成不同的客戶端模塊，將所有需要的配置打包成一個模塊發(fā)布到管理平臺后開發(fā)人員能夠直接使用這些客戶端模塊。本發(fā)明解決了在非前后端分離開發(fā)過程中過于依賴后端環(huán)境的問題，降低了前端開發(fā)的難度，同時也解決了完全前后端分離下前端工程結(jié)構(gòu)未能按模塊拆分過于耦合的問題。本發(fā)明中，上述各技術(shù)方案之間還可以相互組合，以實現(xiàn)更多的推薦組合方案。本發(fā)明的其他特征和優(yōu)點將在隨后的說明書中闡述，并且，部分優(yōu)點可從說明書中變得顯而易見，或者通過實施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點可通過說明書以及附圖中所特別指出的內(nèi)容中來實現(xiàn)和獲得。具體實施方式為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。無錫邦程信息科技有限公司專業(yè)從事網(wǎng)站建設(shè)、電商方及APP開發(fā)等業(yè)務(wù)。廣東哪里技術(shù)搭建包含

邦程為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。廣東如何技術(shù)搭建選擇

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

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