用于通過web微服務平臺化預建立的前端應用工程模板創建前端應用模塊,在所述前端應用模塊加入前端資源文件;其中的配置定義單元520,用于對所述前端應用模塊所屬的前端模塊進行定義,其中,所述定義包括對所述前端模塊的靜態資源目錄和工程化相關文件進行的配置;其中的依賴建立單元530,用于通過javascript包管理工具建立所述定義后的前端模塊的依賴關系;其中的環境搭建單元540,用于通過所述web微服務平臺化的前端開發框架預建立的前端工程模板創建前端平臺模塊,結合所述依賴關系搭建前端開發環境。本發明實施例一種可行的實施方式中,所述裝置還包括:讀取模塊,用于讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;管理模塊,用于對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。上述實施例中提供的前端開發環境的搭建裝置可執行本發明中任意實施例中所提供的前端開發環境的搭建方法,具備執行該方法相應的功能模塊和有益效果,未在上述實施例中詳細描述的技術細節,可參見本發明任意實施例中所提供的前端開發環境的搭建方法。通過本發明實施例提供的上述裝置和方法。技術搭建,簡單易用的管理后臺,能實現多個平臺同步,實現真正高效管理網站。廣東如何技術搭建選擇
其中的平臺基礎模塊內置多個基礎子模塊,包含前端開發服務和平臺基礎資源前端模塊的服務器路徑、資源路徑和模板路徑。本發明實施例一種可行的實施方式中,在前端開發環境搭建完成后的應用過程還包括:讀取web微服務平臺化的前端開發框架的配置文件以獲取定義后的前端模塊;對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。本發明實施例的一種實施場景中,在開發完成后平臺會針對client模塊進行預編譯、打包和壓縮,整個過程可由,gulp工具是基于流的前端構建工具:通過讀取平臺配置文件獲取所有的client模塊,獲取需要進行預編譯的模塊,使用node子進程進行預編譯處理;按照client模塊順序輸出靜態資源到dist目錄整合;獲取所有client模塊中指定的模塊化壓縮的入口,通過rjs進行模塊化壓縮輸出;后面獲得整合后的完整模塊包文件所表示的前端代碼。本發明實施例的實施場景中,開發人員在新的開發環境中能夠通過前端模塊快速獲取整合后的完整前端代碼,而且不需要關聯前端的具體工程,整個開發流程大為精簡。所述前端開發模塊用于前端開發,當開發完成后。寧夏企業技術搭建怎么樣無錫邦程信息科技有限公司,向廣大用戶提供好質量產品和好質量服務,從而贏得了用戶的信賴。
本發明實施例另一種可行的實施方式中,在所述,亦可使用yeoman管理工具管理腳手架模板,yeoman是成熟的工程腳手架管理工具,能夠實現快速搭建開發環境。本發明實施例中所述腳手架模塊的意義主要為定義工程結構和基礎屬性設置,初始化之后,只需要將抽離出來的前端資源文件放置在對應的目錄中,然后在npm模塊入口文件中聲明前端模塊的靜態資源目錄和工程化相關(預編譯、模塊化打包壓縮等)配置,即可完成前端模塊的封裝。本發明實施例一種具體和實施場景中,所述前端模塊腳手架裝置的配置包括:使用yeoman管理腳手架模板,以快速搭建開發環境;創建portal-client(前端平臺模塊,屬于前端模塊中的平臺模塊)平臺腳手架,包含工程結構、基礎配置和內置腳本等;創建app-client(前端應用模塊,屬于前端模塊中的應用模塊)應用腳手架,包含工程結構、基礎配置和內置腳本等;擴展特殊應用腳手架,針對異構開發的兼容等;將腳手架發布至至npm私的服(前端模塊的管理平臺)進行管理。通過yeoman可以管理多種腳手架以適應不同的場景。本發明實施例一種可行的實施方式中,所述基于,定制之后的腳手架工具能夠快速生成相應的項目以提高開發效率。本發明的方法。
通過web微服務平臺化的前端開發框架的配置文件獲取開發完成的前端模塊,對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊通過搭建企業內部的npm倉庫,將前端模塊通過npm包管理工具的publish組件發布至搭建的至npm私的服(前端模塊的管理平臺),達到所有的client模塊進行管理。本發明實施例的一種實施場景下,所述打包流程包括:利用,用gulp構建任務監控所有靜態資源、js、css、sass和html;一般地,具體步驟包括:清理輸出目錄;對于需要預編譯的模板進行預編譯處理;整合平臺基礎依賴和應用模塊的資源文件到整合目錄;整合應用模塊配置的第三方資源文件到整合目錄;依據配置的js文件模塊化入口進行模塊化文件合并;壓縮合并后的js模塊整合文件和css文件到輸出目錄;刪除整合目錄。本發明實施例一種可行的實施方式中,所述前端應用模塊所屬的前端模塊進行定義,還包括對前端模塊中的預編譯命令以及資源映射進行配置,包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。本發明實施例的一般應用場景中,通過在定義client模塊時需要對所述前端模塊的靜態資源目錄、模塊化打包入口文件、預編譯命令、資源映射均進行配置。無錫邦程信息科技有限公司專業從事網站建設、為客戶提供一站式品牌策劃、創意設計、開發及托管等服務。
本發明通過將原工作的模塊包文件抽離封裝形成獨有的客戶端的形式,使得按照開發需求根據已形成的客戶端進行所需要的配置,根據不同的配置文件能夠形成不同的客戶端模塊,將所有需要的配置打包成一個模塊發布到管理平臺后開發人員能夠直接使用這些客戶端模塊。本發明解決了在非前后端分離開發過程中過于依賴后端環境的問題,降低了前端開發的難度,同時也解決了完全前后端分離下前端工程結構未能按模塊拆分過于耦合的問題。本發明中,上述各技術方案之間還可以相互組合,以實現更多的推薦組合方案。本發明的其他特征和優點將在隨后的說明書中闡述,并且,部分優點可從說明書中變得顯而易見,或者通過實施本發明而了解。本發明的目的和其他優點可通過說明書以及附圖中所特別指出的內容中來實現和獲得。具體實施方式為使本發明實施例的目的、技術方案和優點更加清楚,下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例是本發明一部分實施例,而不是全部的實施例。基于本發明中的實施例,本領域普通技術人員在沒有作出創造性勞動前提下所獲得的所有其他實施例,都屬于本發明保護的范圍。無錫邦程信息科技有限公司專業從事網站建設、電商方及APP開發等業務。廣東哪里技術搭建包含
邦程為不同類型的客戶提供良好的互聯網應用定制解決方案,幫助客戶在新的全球化互聯網環境中保持優勢。廣東如何技術搭建選擇
對所述定義后的前端模塊進行預編譯、打包和壓縮,并將壓縮后的前端模塊發送至包管理工具進行管理。結合上述說明,在本發明實例的另一種可能的實施方式中,對所述前端應用模塊所屬的前端模塊進行定義,還包括:對所述前端模塊的預編譯命令進行配置;和/或對所述前端模塊的資源映射進行配置。結合上述說明,在本發明實例的另一種可能的實施方式中,所述通過所述包管理工具建立所述定義后的前端模塊的依賴關系,包括:獲取所述前端模塊的應用模塊與組件間的一依賴關系;工程化相關文件獲取所述前端模塊的平臺模塊與應用模塊間的第二依賴關系;根據所述一依賴關系和所述第二依賴關系生成所述定義后的前端模塊的依賴關系。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:所述資源文件包括html,js,css,img文件中的一種或兩種及以上的組合。結合上述說明,在本發明實例的另一種可能的實施方式中,所述方法還包括:基于http-proxy實現所述前端模塊的服務接口調用。第二方面,本發明實施例還提供了一種前端開發環境的搭建裝置,所述裝置包括:封裝單元,用于將模塊包文件從原代碼工程中抽離。廣東如何技術搭建選擇
無錫邦程信息科技有限公司是一家有著雄厚實力背景、信譽可靠、勵精圖治、展望未來、有夢想有目標,有組織有體系的公司,堅持于帶領員工在未來的道路上大放光明,攜手共畫藍圖,在江蘇省等地區的商務服務行業中積累了大批忠誠的客戶粉絲源,也收獲了良好的用戶口碑,為公司的發展奠定的良好的行業基礎,也希望未來公司能成為*****,努力為行業領域的發展奉獻出自己的一份力量,我們相信精益求精的工作態度和不斷的完善創新理念以及自強不息,斗志昂揚的的企業精神將**無錫邦程信息科技供應和您一起攜手步入輝煌,共創佳績,一直以來,公司貫徹執行科學管理、創新發展、誠實守信的方針,員工精誠努力,協同奮取,以品質、服務來贏得市場,我們一直在路上!