对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。结合上述说明,在本发明实例的另一种可能的实施方式中,对所述前端应用模块所属的前端模块进行定义,还包括:对所述前端模块的预编译命令进行配置;和/或对所述前端模块的资源映射进行配置。结合上述说明,在本发明实例的另一种可能的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:获取所述前端模块的应用模块与组件间的一依赖关系;工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:所述资源文件包括html,js,css,img文件中的一种或两种及以上的组合。结合上述说明,在本发明实例的另一种可能的实施方式中,所述方法还包括:基于http-proxy实现所述前端模块的服务接口调用。第二方面,本发明实施例还提供了一种前端开发环境的搭建装置,所述装置包括:封装单元,用于将模块包文件从原代码工程中抽离。透过庞大的全球性商务网络,面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。广东业务前景技术搭建好处
通过在前端模块接入web微服务平台化的前端开发框架的入口文件中增加相应的申明(以定义的方式或修改属性参数的方式进行)的方式,使得前端模块在,因此通过搭建企业内部的npm仓库,将前端模块的各client模块通过npmpublish发布至搭建的新的前端开发环境,达到所有的client前端模块进行管理的效果。本发明实施例一种可行的实施方式中,所述通过所述包管理工具建立所述定义后的前端模块的依赖关系,包括:在步骤410中,获取所述前端模块的应用模块与组件间的一依赖关系;所述一依赖关系为所述模块包文件(具体为业务子模块)在工程中所体现的应用模块与组件之间的依赖关系,其一般可通过资源映射的方式体现,所述一依赖关系一般为原web微服务环境中模块包文件与web微服务之间的通信协议产生的,亦可通过调取资源映射文件的方式调取。在步骤420中,工程化相关文件获取所述前端模块的平台模块与应用模块间的第二依赖关系;在步骤430中,根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系。所述第二依赖关系为模块包文件具体为平台业务模块与对应的应用模块之间的对应关系,其一般地可在封装的配置文件中体现。云南营销技术搭建怎么样无锡邦程信息科技有限公司,专业的帮助客户在新的全球化互联网环境中保持优势。
本发明实施例另一种可行的实施方式中,在所述,亦可使用yeoman管理工具管理脚手架模板,yeoman是成熟的工程脚手架管理工具,能够实现快速搭建开发环境。本发明实施例中所述脚手架模块的意义主要为定义工程结构和基础属性设置,初始化之后,只需要将抽离出来的前端资源文件放置在对应的目录中,然后在npm模块入口文件中声明前端模块的静态资源目录和工程化相关(预编译、模块化打包压缩等)配置,即可完成前端模块的封装。本发明实施例一种具体和实施场景中,所述前端模块脚手架装置的配置包括:使用yeoman管理脚手架模板,以快速搭建开发环境;创建portal-client(前端平台模块,属于前端模块中的平台模块)平台脚手架,包含工程结构、基础配置和内置脚本等;创建app-client(前端应用模块,属于前端模块中的应用模块)应用脚手架,包含工程结构、基础配置和内置脚本等;扩展特殊应用脚手架,针对异构开发的兼容等;将脚手架发布至至npm私的服(前端模块的管理平台)进行管理。通过yeoman可以管理多种脚手架以适应不同的场景。本发明实施例一种可行的实施方式中,所述基于,定制之后的脚手架工具能够快速生成相应的项目以提高开发效率。本发明的方法。
也可发生于前端模块的封装过程中,即对所述静态资源目录和工程化相关文件进行定义后,结合所述资源文件封装为所述前端模块。在步骤130中,通过javascript包管理工具建立所述定义后的前端模块的依赖关系;所述javascript包管理工具一般为npm包管理工具,通过调用npm包管理工具能够将所述前端模块存储到web微服务平台化的前端开发框架的相应存储路径。本步骤中,定义后的前端模块中包括了静态资源目录和工程化相关文件,通过javascript包管理工具读取所述静态资源目录可建立所述前端模块的依赖关系,通过对所述。所述前端模块可以为一种便于管理的模块包文件,以通过所述javascript包管理工具进行管理。在步骤140中,通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述web微服务平台化的前端开发框架中预建立的工程模板为脚手架模板,通过所述脚手架模板以及对应的配置文件能够获取待用模板,根据所述待用模板以及所述依赖关系能够快速搭建所需要的前端开发环境,定义后的封装前端模块,无须重复编译开发在新的前端开发环境中即可直接调取使用。无锡邦程信息科技有限公司,向广大用户提供好质量产品和好质量服务,从而赢得了用户的信赖。
所述方法还包括基于http-proxy(代理服务器)实现所述前端模块的服务接口调用。本发明实施例一种可行的实施方式中,通过,代理地址可以在配置文件中进行配置。配置文件中可以指定mock类型、服务地址及规则,mock的实现也是http-proxy代理实现。对于需要预编译client模块的开发环境集成,需要配置文件中指定client模块的开发服务地址及静态资源映射路径,然后亦可通过http-proxy来代理这些资源路径。前端模块在开发中调用服务接口的方式包括以下几种,其均主要基于node的http-proxy来实现:指定的mockserver公用的后台服务;指定的后台开发人员的服务,web微服务平台化的前端开发框架提供了本地缓存,可以将请求过的接口数据进行缓存,在前端完全隔离的情况下使用内置缓存数据进行开发。图5为本发明实施例提供的一种前端开发环境的搭建装置的结构示意图,该装置可由软件和/或硬件实现,一般地集成于服务器中,可通过前端开发环境的搭建方法来实现。如图所示,本实施例可以以上述实施例为基础,提供了一种前端开发环境的搭建装置,其主要包括了封装单元510、配置定义单元520、依赖建立单元530以及环境搭建单元540。其中的封装单元510。技术搭建,简单易用的管理后台,能实现多个平台同步,实现真正高效管理网站。云南营销技术搭建怎么样
邦程一直秉承专业、诚信、服务、进取的价值观,坚持互联网品牌设计经验和整合营销的理念。广东业务前景技术搭建好处
用于通过web微服务平台化预建立的前端应用工程模板创建前端应用模块,在所述前端应用模块加入前端资源文件;其中的配置定义单元520,用于对所述前端应用模块所属的前端模块进行定义,其中,所述定义包括对所述前端模块的静态资源目录和工程化相关文件进行的配置;其中的依赖建立单元530,用于通过javascript包管理工具建立所述定义后的前端模块的依赖关系;其中的环境搭建单元540,用于通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块,结合所述依赖关系搭建前端开发环境。本发明实施例一种可行的实施方式中,所述装置还包括:读取模块,用于读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块;管理模块,用于对所述定义后的前端模块进行预编译、打包和压缩,并将压缩后的前端模块发送至包管理工具进行管理。上述实施例中提供的前端开发环境的搭建装置可执行本发明中任意实施例中所提供的前端开发环境的搭建方法,具备执行该方法相应的功能模块和有益效果,未在上述实施例中详细描述的技术细节,可参见本发明任意实施例中所提供的前端开发环境的搭建方法。通过本发明实施例提供的上述装置和方法。广东业务前景技术搭建好处
无锡邦程信息科技有限公司是一家有着雄厚实力背景、信誉可靠、励精图治、展望未来、有梦想有目标,有组织有体系的公司,坚持于带领员工在未来的道路上大放光明,携手共画蓝图,在江苏省等地区的商务服务行业中积累了大批忠诚的客户粉丝源,也收获了良好的用户口碑,为公司的发展奠定的良好的行业基础,也希望未来公司能成为*****,努力为行业领域的发展奉献出自己的一份力量,我们相信精益求精的工作态度和不断的完善创新理念以及自强不息,斗志昂扬的的企业精神将**无锡邦程信息科技供应和您一起携手步入辉煌,共创佳绩,一直以来,公司贯彻执行科学管理、创新发展、诚实守信的方针,员工精诚努力,协同奋取,以品质、服务来赢得市场,我们一直在路上!