安徽质量技术搭建便捷

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

    所述第二依赖关系可以为在新增前端模块的web微服务环境中前端模块与对应的组件或对应应用之间的通信协议产生，所述一依赖关系与所述第二依赖关系之间可以互为补充，亦可为互为包含，通过根据所述一依赖关系和所述第二依赖关系生成所述定义后的前端模块的依赖关系，能够避免封装后的前端模块在配置时出现依赖偏差。本发明实施例的前端开发环境搭建完成后，通过读取平台配置文件获取所需要的client模块，按照配置文件中的顺序依次加载对应的各模块，然后获取到各模块的静态资源路径，将该路径通过执行，这样就实现了结合上述依赖关系控制client模块的静态资源加载及相应顺序。在平台与client模块开发过程中，还可以通过npmlink命令实现开发的工程组下内部模块协同开发的问题，防止频繁的发布和装载。通过本发明实施例搭建的前端开发环境，可以让前端人员友好的控制及调试开发，不依赖任何后端服务、数据库和中间件。本发明实施例一种可行的实施方式中，平台提供的client模块的模板可内置多种命令完善前端工程化的结构标准、代码规范，例如editorconfig：同化编辑器之前差异；eslint：模块包文件所表示的代码校验；prettier：美化代码等。本发明实施例一种可行的实施方式中。西藏提供技术搭建好处透过庞大的全球性商务网络，面对面地向企业客户提供全方面、标准化、一站式的IT应用服务和信息化解决方案。

    通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。需要说明的是，本实施例中的电子设备在具体实现时可以为服务器，也可以为pc机，还可以为其他设备，只要其结构中包括如图6所示的处理器810、通信接口820、存储器830和通信总线840，其中处理器810，通信接口820，存储器830通过通信总线840完成相互间的通信，且处理器810可以调用存储器830中的逻辑指令以执行上述方法即可。本实施例不对电子设备的具体实现形式进行限定。此外，上述的存储器830中的逻辑指令可以通过软件功能单元的形式实现并作为独有的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器。

    提供完全纯粹的前端开发环境，但是这样平台无法对已有的模块自由组合，缺少模块的依赖管理，体系上也无法和后端的模块对应上，这样也不是我们所期望的结果。技术实现要素：鉴于上述的分析，本发明实施例旨在提供一种前端开发环境的搭建方法、装置、设备及存储介质，用以解决现有的前端开发过程中过于依赖后端工程的问题。一方面，本发明实施例提供了一种前端开发环境的搭建方法，所述方法包括：通过web微服务平台化预建立的前端应用工程模板创建前端应用模块，在所述前端应用模块加入前端资源文件，其中，所述前端资源文件包括源工程迁移的资源文件和根据开发需求形成的资源文件；所述前端应用模块所属的前端模块进行定义，其中，所述定义为对所述前端模块的静态资源目录和工程化相关文件进行的配置；通过javascript包管理工具建立所述定义后的前端模块的依赖关系；通过所述web微服务平台化的前端开发框架预建立的前端工程模板创建前端平台模块，结合所述依赖关系搭建前端开发环境。结合上述说明，在本发明实例的另一种可能的实施方式中，所述方法还包括：读取web微服务平台化的前端开发框架的配置文件以获取定义后的前端模块。无锡邦程信息科技有限公司，向广大用户提供好质量产品和好质量服务，从而赢得了用户的信赖。

    通过web微服务平台化的前端开发框架的配置文件获取开发完成的前端模块，对所述定义后的前端模块进行预编译、打包和压缩，并将压缩后的前端模块通过搭建企业内部的npm仓库，将前端模块通过npm包管理工具的publish组件发布至搭建的至npm私的服(前端模块的管理平台)，达到所有的client模块进行管理。本发明实施例的一种实施场景下，所述打包流程包括：利用，用gulp构建任务监控所有静态资源、js、css、sass和html；一般地，具体步骤包括：清理输出目录；对于需要预编译的模板进行预编译处理；整合平台基础依赖和应用模块的资源文件到整合目录；整合应用模块配置的第三方资源文件到整合目录；依据配置的js文件模块化入口进行模块化文件合并；压缩合并后的js模块整合文件和css文件到输出目录；删除整合目录。本发明实施例一种可行的实施方式中，所述前端应用模块所属的前端模块进行定义，还包括对前端模块中的预编译命令以及资源映射进行配置，包括：对所述前端模块的预编译命令进行配置；和/或对所述前端模块的资源映射进行配置。本发明实施例的一般应用场景中，通过在定义client模块时需要对所述前端模块的静态资源目录、模块化打包入口文件、预编译命令、资源映射均进行配置。邦程科技专业网站后台，为网站管理带来福音；可需简单交互，就能更新官网内容；一站更新。甘肃网络技术搭建便捷

技术搭建，简单易用的管理后台，能实现多个平台同步，实现真正高效管理网站。安徽质量技术搭建便捷

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

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