河南业务前景技术搭建选择

    对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明，在本发明实例的另一种可能的实施方式中，对所述前端应用模块所属的前端模块进行定义，还包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。结合上述说明，在本发明实例的另一种可能的实施方式中，所述通过所述包管理工具建立所述定义后的前端模块的依赖关系，包括：获取所述前端模块的应用模块与组件间的一依赖关系；工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系；根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：所述资源文件包括html，js，css，img文件中的一种或两种及以上的组合。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：基于http-proxy实现所述前端模块的服务接口调用。第二方面，本发明实施例还提供了一种前端开发环境的搭建装置，所述装置包括：封装单元，用于将模块包文件从原代码工程中抽离。无锡邦程信息科技有限公司，向广大用户提供好质量产品和好质量服务，从而赢得了用户的信赖。河南业务前景技术搭建选择

    所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中，通过，代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则，mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成，需要配置文件中指定client模块的开发服务地址及静态资源映射路径，然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种，其均主要基于node的http-proxy来实现：指定的mockserver公用的后台服务；指定的后台开发人员的服务，web微服务平台化的前端开发框架提供了本地缓存，可以将请求过的接口数据进行缓存，在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图，该装置可由软件和/或硬件实现，一般地集成于服务器中，可通过前端开发环境的搭建方法来实现。如图所示，本实施例可以以上述实施例为基础，提供了一种前端开发环境的搭建装置，其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。黑龙江国际技术搭建如何收费邦程为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

    并将每一段独有的抽离后的模块包文件发送至web微服务平台化的前端开发框架，以生成对应的前端模块；配置定义单元，用于对所述前端应用模块所属的前端模块进行定义，其中，所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置；依赖建立单元，用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系；环境搭建单元，用于从所述web微服务平台化的前端开发框架中预建立的工程模板中获取待搭建环境的待用模板，根据待用模板以及所述依赖关系搭建前端开发环境。上述的装置，所述装置还包括：读取模块，用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块；管理模块，用于对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。第三方面，本发明还提供了一种电子设备，所述电子设备包括：处理器；用于存储处理器可执行的指令的存储器；其中，所述存储器被配置为用以实施上述的前端开发环境的搭建方法。第四方面，本发明还提供了一种非易失性计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令被处理器执行时实现上述任意一项所述的前端开发环境的搭建方法。

    本发明涉及一种前端开发环境的搭建方法、装置、设备及存储介质，其主要运用于前端开发使用语言进行过渡的场景中，其基本思想是：将现有工程的资源文件及配置文件以及根据开发需求生成的配置资源文件等进行封装形成前端模块，该前端模块包括前端平台模块以及前端应用模块，其中的前端平台模块又包括前端基础模块，前端基础模块包括若干基础子模块，前端模块中包括了前端应用模块的依赖以及组件的依赖，将前端模块发布后，开发人员能够通过这种方式直接通过配置文件读取这些前端模块，而不再依赖于已编译的后端工程文件，对于开发工作人员而言提供了一种新的前端开发环境以及一种新的前端开发环境的快速搭建方法。图1为本发明实施例一提供的流程图，本实施例可适用于对前端工程进行封装以独有进行配置的情况，该方法具体包括如下步骤：在步骤110中，通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；本发明实施例一种可行的实施方式中，所述源工程可以为在开发过程中的原java环境中的java工程。无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。

    通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式，使得前端模块在，因此通过搭建企业内部的npm仓库，将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境，达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中，所述通过所述包管理工具建立所述定义后的前端模块的依赖关系，包括：在步骤410中，获取所述前端模块的应用模块与组件间的一依赖关系；所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系，其一般可通过资源映射的方式体现，所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的，亦可通过调取资源映射文件的方式调取。在步骤420中，工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系；在步骤430中，根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系，其一般地可在封装的配置文件中体现。透过庞大的全球性商务网络，面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。西藏辅助技术搭建市场价

无锡邦程信息科技有限公司，专业的帮助客户在新的全球化互联网环境中保持优势。河南业务前景技术搭建选择

    也可发生于前端模块的封装过程中，即对所述静态资源目录和工程化相关文件进行定义后，结合所述资源文件封装为所述前端模块。在步骤130中，通过javascript包管理工具建立所述定义后的前端模块的依赖关系；所述javascript包管理工具一般为npm包管理工具，通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中，定义后的前端模块中包括了静态资源目录和工程化相关文件，通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系，通过对所述。所述前端模块可以为一种便于管理的模块包文件，以通过所述javascript包管理工具进行管理。在步骤140中，通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中，所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板，通过所述脚手架模板以及对应的配置文件能够获取待用模板，根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境，定义后的封装前端模块，无须重复编译开发在新的前端开发环境中即可直接调取使用。河南业务前景技术搭建选择

无锡邦程信息科技有限公司汇集了大量的优秀人才，集企业奇思，创经济奇迹，一群有梦想有朝气的团队不断在前进的道路上开创新天地，绘画新蓝图，在江苏省等地区的商务服务中始终保持良好的信誉，信奉着“争取每一个客户不容易，失去每一个用户很简单”的理念，市场是企业的方向，质量是企业的生命，在公司有效方针的领导下，全体上下，团结一致，共同进退，**协力把各方面工作做得更好，努力开创工作的新局面，公司的新高度，未来无锡邦程信息科技供应和您一起奔向更美好的未来，即使现在有一点小小的成绩，也不足以骄傲，过去的种种都已成为昨日我们只有总结经验，才能继续上路，让我们一起点燃新的希望，放飞新的梦想！