广东提供技术搭建包含

    并将每一段独有的抽离后的模块包文件发送至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为平台基础模块。江西提供技术搭建有哪些同客户的实际情况和具体需求进行良好结合，为不同类型的客户提供好品质的互联网应用定制解决方案。

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

    本发明实施例另一种可行的实施方式中，在所述，亦可使用yeoman管理工具管理脚手架模板，yeoman是成熟的工程脚手架管理工具，能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置，初始化之后，只需要将抽离出来的前端资源文件放置在对应的目录中，然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置，即可完成前端模块的封装。本发明实施例一种具体和实施场景中，所述前端模块脚手架装置的配置包括：使用yeoman管理脚手架模板，以快速搭建开发环境；创建portal-client(前端平台模块，属于前端模块中的平台模块)平台脚手架，包含工程结构、基础配置和内置脚本等；创建app-client(前端应用模块，属于前端模块中的应用模块)应用脚手架，包含工程结构、基础配置和内置脚本等；扩展特殊应用脚手架，针对异构开发的兼容等；将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中，所述基于，定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。邦程为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

    本发明通过将原工作的模块包文件抽离封装形成独有的客户端的形式，使得按照开发需求根据已形成的客户端进行所需要的配置，根据不同的配置文件能够形成不同的客户端模块，将所有需要的配置打包成一个模块发布到管理平台后开发人员能够直接使用这些客户端模块。本发明解决了在非前后端分离开发过程中过于依赖后端环境的问题，降低了前端开发的难度，同时也解决了完全前后端分离下前端工程结构未能按模块拆分过于耦合的问题。本发明中，上述各技术方案之间还可以相互组合，以实现更多的推荐组合方案。本发明的其他特征和优点将在随后的说明书中阐述，并且，部分优点可从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过说明书以及附图中所特别指出的内容中来实现和获得。具体实施方式为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。技术搭建，简单易用的管理后台，能实现多个平台同步，实现真正高效管理网站。广东提供技术搭建包含

无锡邦程信息科技有限公司，专业的帮助客户在新的全球化互联网环境中保持优势。广东提供技术搭建包含

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

无锡邦程信息科技有限公司在同行业领域中，一直处在一个不断锐意进取，不断制造创新的市场高度，多年以来致力于发展富有创新价值理念的产品标准，在江苏省等地区的商务服务中始终保持良好的商业口碑，成绩让我们喜悦，但不会让我们止步，残酷的市场磨炼了我们坚强不屈的意志，和谐温馨的工作环境，富有营养的公司土壤滋养着我们不断开拓创新，勇于进取的无限潜力，无锡邦程信息科技供应携手大家一起走向共同辉煌的未来，回首过去，我们不会因为取得了一点点成绩而沾沾自喜，相反的是面对竞争越来越激烈的市场氛围，我们更要明确自己的不足，做好迎接新挑战的准备，要不畏困难，激流勇进，以一个更崭新的精神面貌迎接大家，共同走向辉煌回来！