其中的平台基础模块内置多个基础子模块,包含前端开发服务和平台基础资源前端模块的服务器路径、资源路径和模板路径。本发明实施例一种可行的实施方式中,在前端开发环境搭建完成后的应用过程还包括:读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。本发明实施例的一种实施场景中,在开发完成后平台会针对client模块进行预编译、打包和压缩,整个过程可由,gulp工具是基于流的前端构建工具:通过读取平台配置文件获取所有的client模块,获取需要进行预编译的模块,使用node子进程进行预编译处理;按照client模块顺序输出静态资源到dist目录整合;获取所有client模块中指定的模块化压缩的入口,通过rjs进行模块化压缩输出;后面获得整合后的完整模块包文件所表示的前端代码。本发明实施例的实施场景中,开发人员在新的开发环境中能够通过前端模块快速获取整合后的完整前端代码,而且不需要关联前端的具体工程,整个开发流程大为精简。所述前端开发模块用于前端开发,当开发完成后。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。天津质量技术搭建怎么样
本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质,其主要运用于前端开发使用语言进行过渡的场景中,其基本思想是:将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块,该前端模块包括前端平台模块以及前端应用模块,其中的前端平台模块又包括前端基础模块,前端基础模块包括若干基础子模块,前端模块中包括了前端应用模块的依赖以及组件的依赖,将前端模块发布后,开发人员能够通过这种方式直接通过配置文件读取这些前端模块,而不再依赖于已编译的后端工程文件,对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图,本实施例可适用于对前端工程进行封装以独有进行配置的情况,该方法具体包括如下步骤:在步骤110中,通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件,其中,所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件;本发明实施例一种可行的实施方式中,所述源工程可以为在开发过程中的原java环境中的java工程。浙江企业技术搭建好处技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。
也可发生于前端模块的封装过程中,即对所述静态资源目录和工程化相关文件进行定义后,结合所述资源文件封装为所述前端模块。在步骤130中,通过javascript包管理工具建立所述定义后的前端模块的依赖关系;所述javascript包管理工具一般为npm包管理工具,通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中,定义后的前端模块中包括了静态资源目录和工程化相关文件,通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系,通过对所述。所述前端模块可以为一种便于管理的模块包文件,以通过所述javascript包管理工具进行管理。在步骤140中,通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板,通过所述脚手架模板以及对应的配置文件能够获取待用模板,根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境,定义后的封装前端模块,无须重复编译开发在新的前端开发环境中即可直接调取使用。
通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块,对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块通过搭建企业内部的npm仓库,将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台),达到所有的client模块进行管理。本发明实施例的一种实施场景下,所述打包流程包括:利用,用gulp构建任务监控所有静态资源、js、css、sass和html;一般地,具体步骤包括:清理输出目录;对于需要预编译的模板进行预编译处理;整合平台基础依赖和应用模块的资源文件到整合目录;整合应用模块配置的第三方资源文件到整合目录;依据配置的js文件模块化入口进行模块化文件合并;压缩合并后的js模块整合文件和css文件到输出目录;删除整合目录。本发明实施例一种可行的实施方式中,所述前端应用模块所属的前端模块进行定义,还包括对前端模块中的预编译命令以及资源映射进行配置,包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中,通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。通过技术搭建为广大用户研发先进的信息技术搭建起一个适合企业业务和管理需要的应用服务平台。
并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架,以生成对应的前端模块;配置定义单元,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;依赖建立单元,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;环境搭建单元,用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板,根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。第三方面,本发明还提供了一种电子设备,所述电子设备包括:处理器;用于存储处理器可执行的指令的存储器;其中,所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面,本发明还提供了一种非易失性计算机可读存储介质,其上存储有计算机程序指令,所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。邦程为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。天津质量技术搭建怎么样
无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。天津质量技术搭建怎么样
本发明通过将原工作的模块包文件抽离封装形成独有的客户端的形式,使得按照开发需求根据已形成的客户端进行所需要的配置,根据不同的配置文件能够形成不同的客户端模块,将所有需要的配置打包成一个模块发布到管理平台后开发人员能够直接使用这些客户端模块。本发明解决了在非前后端分离开发过程中过于依赖后端环境的问题,降低了前端开发的难度,同时也解决了完全前后端分离下前端工程结构未能按模块拆分过于耦合的问题。本发明中,上述各技术方案之间还可以相互组合,以实现更多的推荐组合方案。本发明的其他特征和优点将在随后的说明书中阐述,并且,部分优点可从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过说明书以及附图中所特别指出的内容中来实现和获得。具体实施方式为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。天津质量技术搭建怎么样
无锡邦程信息科技有限公司是一家有着先进的发展理念,先进的管理经验,在发展过程中不断完善自己,要求自己,不断创新,时刻准备着迎接更多挑战的活力公司,在江苏省等地区的商务服务中汇聚了大量的人脉以及**,在业界也收获了很多良好的评价,这些都源自于自身的努力和大家共同进步的结果,这些评价对我们而言是比较好的前进动力,也促使我们在以后的道路上保持奋发图强、一往无前的进取创新精神,努力把公司发展战略推向一个新高度,在全体员工共同努力之下,全力拼搏将共同无锡邦程信息科技供应和您一起携手走向更好的未来,创造更有价值的产品,我们将以更好的状态,更认真的态度,更饱满的精力去创造,去拼搏,去努力,让我们一起更好更快的成长!