所述模块包文件为通过java语言编写的java代码形成的jar包,每一独有形成的jar包可能用于实现某一功能或者应用。通过源工程获取的资源文件,可以为html,js,css,img文件中的一种或两种及以上的组合,例如通过java语言实现的jar,在jar包内可包括其对应的资源文件,可通过封装的形式形成所述前端模块,其它类型的资源文件可以为根据具体代码封装生成。本发明实施例的一种具体的实施场景中,所述前端资源文件还包括根据开发需求形成的资源文件,根据具体的开发需求可以实现资源文件的定制,进一步还可以实现对资源文件的平台共享。在步骤120中,对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;在步骤110中生成的前端模块为基础的客户端模块,其所形成的模块中至少应包括静态资源目录和工程化相关文件,对静态资源目录和工程化相关文件进行的具体配置即为对所述前端模块进行的定义。所述工程化相关文件为通过本发明的方法搭建的前端开发环境中,在开发过程中的工程所使用的工程化相关文件,其包括但不限于预编译文件、模块化打包文件以及压缩文件等。本步骤中的定义。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。广西辅助技术搭建包含
所述第二依赖关系可以为在新增前端模块的web微服务环境中前端模块与对应的组件或对应应用之间的通信协议产生,所述一依赖关系与所述第二依赖关系之间可以互为补充,亦可为互为包含,通过根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系,能够避免封装后的前端模块在配置时出现依赖偏差。本发明实施例的前端开发环境搭建完成后,通过读取平台配置文件获取所需要的client模块,按照配置文件中的顺序依次加载对应的各模块,然后获取到各模块的静态资源路径,将该路径通过执行,这样就实现了结合上述依赖关系控制client模块的静态资源加载及相应顺序。在平台与client模块开发过程中,还可以通过npmlink命令实现开发的工程组下内部模块协同开发的问题,防止频繁的发布和装载。通过本发明实施例搭建的前端开发环境,可以让前端人员友好的控制及调试开发,不依赖任何后端服务、数据库和中间件。本发明实施例一种可行的实施方式中,平台提供的client模块的模板可内置多种命令完善前端工程化的结构标准、代码规范,例如editorconfig:同化编辑器之前差异;eslint:模块包文件所表示的代码校验;prettier:美化代码等。本发明实施例一种可行的实施方式中。重庆业务前景技术搭建优势无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。
通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块,对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块通过搭建企业内部的npm仓库,将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台),达到所有的client模块进行管理。本发明实施例的一种实施场景下,所述打包流程包括:利用,用gulp构建任务监控所有静态资源、js、css、sass和html;一般地,具体步骤包括:清理输出目录;对于需要预编译的模板进行预编译处理;整合平台基础依赖和应用模块的资源文件到整合目录;整合应用模块配置的第三方资源文件到整合目录;依据配置的js文件模块化入口进行模块化文件合并;压缩合并后的js模块整合文件和css文件到输出目录;删除整合目录。本发明实施例一种可行的实施方式中,所述前端应用模块所属的前端模块进行定义,还包括对前端模块中的预编译命令以及资源映射进行配置,包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中,通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。
app-client为业务子模块,portal-client为业务平台整合模块。所述portal-client前端构建包括:通过内置命令对portal-client整体构建打包;通过内置命令发布portal-client和app-client至至npm私的服(前端模块的管理平台),可供其他平台自由组合使用。所述portal-client前端开发配置包括:配置前端开发服务访问端口;配置后端服务反向代理地址;配置mock服务访问模式(mock-server、share-portal、dev-portal);配置平台应用的装载顺序及应用的装载模式;通过内置命令启动前端开发服务;通过平台具体场景及开发环境来配置个人的前端开发环境促进快速开发,联调和测试。具体地,对前端工程portal-client和app-client的初始化,包括:使用管理工具yeoman中的portal-client脚手架创建平台工程portal-client;配置应用依赖,到npm私的服(前端模块的管理平台)中已经存在的client模块可以直接配置后装载;使用yeoman中app-client脚手架创建应用工程app-client;配置应用构建模式及依赖组件;在portal-client中使用内置命令安装client模块(包含平台工程内client及私的服上的client);通过脚手架快速创建工程,并且快速处理应用及组件依赖,构建好本地应用的开发环境。邦程专业领域包括网站建设、无锡网站优化、网站代运营、阿里巴巴代运营、百度爱采购代理商、移动营销服务。
提供完全纯粹的前端开发环境,但是这样平台无法对已有的模块自由组合,缺少模块的依赖管理,体系上也无法和后端的模块对应上,这样也不是我们所期望的结果。技术实现要素:鉴于上述的分析,本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质,用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面,本发明实施例提供了一种前端开发环境的搭建方法,所述方法包括:通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;所述前端应用模块所属的前端模块进行定义,其中,所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置;通过javascript包管理工具建立所述定义后的前端模块的依赖关系;通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块。同客户的实际情况和具体需求进行良好结合,为不同类型的客户提供好品质的互联网应用定制解决方案。河北贸易技术搭建如何收费
邦程科技视推动中国企业开展电子商务、实现信息化为己任;深入研究企业客户的实际需要的网络技术搭建。广西辅助技术搭建包含
在传统的web应用开发的基础结构,例如api、web和server结构的web微服务平台化的前端开发框架基础上增加了新的前端模块,结合图2所示,为本发明的实施例的模块结构划分示意图,其中的前端模块为现有的api、web和server的基础上增加的client模块(前端模块),从图中可以看出,所述前端模块与原有的java工程完全解耦,使得前端模块在web微服务平台化的前端开发框架中拥有更灵活的应用以及更多创造性应用。结合图3所示,为本发明的前端模块在web微服务平台化的前端开发框架下的前端模块的工程结构,其中,前端工程结构是基于npm的模块化管理实现,工程结构与模块划分也更加清晰,结合图2及图3所示,前端平台模块包括若干平台基础模块,每一平台基础模块又包括若干平台基础子模块,各模块之间的关系亦可包括前端开发环境搭建所需要的依赖关系。结合图3所示,本发明实施例一种可行的实施方式中,所述前端模块的管理单元为npm私的服,可通过nexus来搭建npm私的服,client模块可以发布至私的服后供其他需要的平台下载,进而提供前端模块、应用和组件的依赖管理。结合图3所示,封装后的前端模块中的base-client为前端基础子模块;starter-portal-client为平台基础模块。广西辅助技术搭建包含
无锡邦程信息科技有限公司在同行业领域中,一直处在一个不断锐意进取,不断制造创新的市场高度,多年以来致力于发展富有创新价值理念的产品标准,在江苏省等地区的商务服务中始终保持良好的商业口碑,成绩让我们喜悦,但不会让我们止步,残酷的市场磨炼了我们坚强不屈的意志,和谐温馨的工作环境,富有营养的公司土壤滋养着我们不断开拓创新,勇于进取的无限潜力,无锡邦程信息科技供应携手大家一起走向共同辉煌的未来,回首过去,我们不会因为取得了一点点成绩而沾沾自喜,相反的是面对竞争越来越激烈的市场氛围,我们更要明确自己的不足,做好迎接新挑战的准备,要不畏困难,激流勇进,以一个更崭新的精神面貌迎接大家,共同走向辉煌回来!