四川国际技术搭建便捷

    通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块，对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块通过搭建企业内部的npm仓库，将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台)，达到所有的client模块进行管理。本发明实施例的一种实施场景下，所述打包流程包括：利用，用gulp构建任务监控所有静态资源、js、css、sass和html；一般地，具体步骤包括：清理输出目录；对于需要预编译的模板进行预编译处理；整合平台基础依赖和应用模块的资源文件到整合目录；整合应用模块配置的第三方资源文件到整合目录；依据配置的js文件模块化入口进行模块化文件合并；压缩合并后的js模块整合文件和css文件到输出目录；删除整合目录。本发明实施例一种可行的实施方式中，所述前端应用模块所属的前端模块进行定义，还包括对前端模块中的预编译命令以及资源映射进行配置，包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中，通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。邦程一直秉承专业、诚信、服务、进取的价值观，坚持互联网品牌设计经验和整合营销的理念。四川国际技术搭建便捷

    在传统的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为平台基础模块。四川国际技术搭建便捷技术搭建，简单易用的管理后台，能实现多个平台同步，实现真正高效管理网站。

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

    用于通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件；其中的配置定义单元520，用于对所述前端应用模块所属的前端模块进行定义，其中，所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置；其中的依赖建立单元530，用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系；其中的环境搭建单元540，用于通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中，所述装置还包括：读取模块，用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块；管理模块，用于对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块发送至包管理工具进行管理。上述实施例中提供的前端开发环境的搭建装置可执行本发明中任意实施例中所提供的前端开发环境的搭建方法，具备执行该方法相应的功能模块和有益效果，未在上述实施例中详细描述的技术细节，可参见本发明任意实施例中所提供的前端开发环境的搭建方法。通过本发明实施例提供的上述装置和方法。邦程为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

    也可发生于前端模块的封装过程中，即对所述静态资源目录和工程化相关文件进行定义后，结合所述资源文件封装为所述前端模块。在步骤130中，通过javascript包管理工具建立所述定义后的前端模块的依赖关系；所述javascript包管理工具一般为npm包管理工具，通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中，定义后的前端模块中包括了静态资源目录和工程化相关文件，通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系，通过对所述。所述前端模块可以为一种便于管理的模块包文件，以通过所述javascript包管理工具进行管理。在步骤140中，通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中，所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板，通过所述脚手架模板以及对应的配置文件能够获取待用模板，根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境，定义后的封装前端模块，无须重复编译开发在新的前端开发环境中即可直接调取使用。无锡邦程信息科技有限公司，专业的帮助客户在新的全球化互联网环境中保持优势。山西哪里技术搭建便捷

无锡邦程信息科技有限公司专业从事网站建设、电商方及APP开发等业务。四川国际技术搭建便捷

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

无锡邦程信息科技有限公司是一家有着雄厚实力背景、信誉可靠、励精图治、展望未来、有梦想有目标，有组织有体系的公司，坚持于带领员工在未来的道路上大放光明，携手共画蓝图，在江苏省等地区的商务服务行业中积累了大批忠诚的客户粉丝源，也收获了良好的用户口碑，为公司的发展奠定的良好的行业基础，也希望未来公司能成为*****，努力为行业领域的发展奉献出自己的一份力量，我们相信精益求精的工作态度和不断的完善创新理念以及自强不息，斗志昂扬的的企业精神将**无锡邦程信息科技供应和您一起携手步入辉煌，共创佳绩，一直以来，公司贯彻执行科学管理、创新发展、诚实守信的方针，员工精诚努力，协同奋取，以品质、服务来赢得市场，我们一直在路上！