CN110659062B - 前端脚手架的配置方法和装置、可读存储介质、电子设备 - Google Patents

Abstract

本公开实施例公开了一种前端脚手架的配置方法和装置、可读存储介质、电子设备，其中，方法包括：为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个所述存储空间；根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；本实施例通过在存储空间中存入处理机制，解决前端开发需要搭建前端开发环境的问题，减少前端开发在搭建开发环境投入的时间，提升了开发效率。

Description

前端脚手架的配置方法和装置、可读存储介质、电子设备

技术领域

本公开涉及前端开发技术，尤其是一种前端脚手架的配置方法和装置、可读存储介质、电子设备。

背景技术

随着前端技术的发展，模块化、框架的发展，前端的工具越来越多，前端脚手架就是其中之一。这些工具本身和实际编程没有太多关系，但是能够帮助提高编程效率，快速搭建编程环境。但是目前的这些脚手架工具不能满足多种产品开发的需求，常常需要针对不同的开发产品需求做配置，并不能直接使用。

发明内容

为了解决上述技术问题，提出了本公开。本公开的实施例提供了一种前端脚手架的配置方法和装置、可读存储介质、电子设备。

根据本公开实施例的一个方面，提供了一种前端脚手架的配置方法，包括：

为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个所述存储空间；

根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；

对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架。

可选地，所述应用终端包括：移动端和电脑端；

所述为设定业务应用的不同应用终端设置至少两个存储空间，包括：

分别为所述设定业务针对所述移动端和所述电脑端设置第一存储空间和第二存储空间；其中，所述第一存储空间用于存储所述移动端对应的第一前端脚手架，所述第二存储空间用于存储所述电脑端对应的第二前端脚手架。

可选地，所述至少一个文件入口包括：工程文件入口和加载文件入口；

所述根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口，包括：

根据所述设定业务的前端开发需求分别为每个所述存储空间配置工程文件入口和加载文件入口；

所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，包括：

对所述至少两个存储空间中的每个存储空间通过工程文件入口存入所述设定业务对应的处理机制，通过加载文件入口接收外部组件。

可选地，所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制之前，还包括：

基于所述设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持所述设定业务对应的开发环境启动和代码的编译打包。

可选地，所述处理机制包括：至少一个对前端数据执行处理的处理规则。

可选地，所述前端数据包括：字典数据和前端监控日志；

所述处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

可选地，所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制之后，还包括：

将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间；其中，每个所述存储空间对应一种设定皮肤文件。

可选地，所述将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间之后，还包括：

响应于接收对前端脚手架的开发请求，对所述设定皮肤文件进行修改操作或覆盖操作。

根据本公开实施例的另一方面，提供了一种前端脚手架的配置装置，包括：

空间设置模块，用于为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个所述存储空间；

文件配置模块，用于根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；

文件存储模块，用于对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架。

可选地，所述应用终端包括：移动端和电脑端；

所述空间设置模块，具体用于分别为所述设定业务针对所述移动端和所述电脑端设置第一存储空间和第二存储空间；其中，所述第一存储空间用于存储所述移动端对应的第一前端脚手架，所述第二存储空间用于存储所述电脑端对应的第二前端脚手架。

可选地，所述至少一个文件入口包括：工程文件入口和加载文件入口；

所述文件配置模块，具体用于根据所述设定业务的前端开发需求分别为每个所述存储空间配置工程文件入口和加载文件入口；

所述文件存储模块，具体用于对所述至少两个存储空间中的每个存储空间通过工程文件入口存入所述设定业务对应的处理机制，通过加载文件入口接收外部组件。

可选地，所述装置还包括：

服务器配置模块，用于基于所述设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持所述设定业务对应的开发环境启动和代码的编译打包。

可选地，所述处理机制包括：至少一个对前端数据执行处理的处理规则。

可选地，所述前端数据包括：字典数据和前端监控日志；

所述处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

可选地，所述装置还包括：

皮肤配置模块，用于将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间；其中，每个所述存储空间对应一种设定皮肤文件。

可选地，所述皮肤配置模块，还用于响应于接收对前端脚手架的开发请求，对所述设定皮肤文件进行修改操作或覆盖操作。

根据本公开实施例的又一方面，提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序用于执行上述任一实施例所述的前端脚手架的配置方法。

根据本公开实施例的还一方面，提供了一种电子设备，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述任一实施例所述的前端脚手架的配置方法。

基于本公开上述实施例提供的一种前端脚手架的配置方法和装置、可读存储介质、电子设备，为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个存储空间；根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；本实施例通过在存储空间中存入处理机制，解决前端开发需要搭建前端开发环境的问题，减少前端开发在搭建开发环境投入的时间，提升了开发效率，并且，本实施例适用于至少两种应用终端，可实现在多种应用终端的前端开发。

下面通过附图和实施例，对本公开的技术方案做进一步的详细描述。

附图说明

通过结合附图对本公开实施例进行更详细的描述，本公开的上述以及其他目的、特征和优势将变得更加明显。附图用来提供对本公开实施例的进一步理解，并且构成说明书的一部分，与本公开实施例一起用于解释本公开，并不构成对本公开的限制。在附图中，相同的参考标号通常代表相同部件或步骤。

图1是本公开一示例性实施例提供的前端脚手架的配置方法的流程示意图。

图2是本公开另一示例性实施例提供的前端脚手架的配置方法的流程示意图。

图3是本公开又一示例性实施例提供的前端脚手架的配置方法的流程示意图。

图4是本公开还一示例性实施例提供的前端脚手架的配置方法的流程示意图。

图5是本公开一示例性实施例提供的前端脚手架的配置装置的结构示意图。

图6是本公开一示例性实施例提供的电子设备的结构图。

具体实施方式

下面，将参考附图详细地描述根据本公开的示例实施例。显然，所描述的实施例仅仅是本公开的一部分实施例，而不是本公开的全部实施例，应理解，本公开不受这里描述的示例实施例的限制。

应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。

本领域技术人员可以理解，本公开实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等，既不代表任何特定技术含义，也不表示它们之间的必然逻辑顺序。

还应理解，在本公开实施例中，“多个”可以指两个或两个以上，“至少一个”可以指一个、两个或两个以上。

还应理解，对于本公开实施例中提及的任一部件、数据或结构，在没有明确限定或者在前后文给出相反启示的情况下，一般可以理解为一个或多个。

另外，本公开中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本公开中字符“/”，一般表示前后关联对象是一种“或”的关系。

还应理解，本公开对各个实施例的描述着重强调各个实施例之间的不同之处，其相同或相似之处可以相互参考，为了简洁，不再一一赘述。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

本公开实施例可以应用于终端设备、计算机系统、服务器等电子设备，其可与众多其它通用或专用计算系统环境或配置一起操作。适于与终端设备、计算机系统、服务器等电子设备一起使用的众所周知的终端设备、计算系统、环境和/或配置的例子包括但不限于：个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统、大型计算机系统和包括上述任何系统的分布式云计算技术环境，等等。

终端设备、计算机系统、服务器等电子设备可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常，程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等，它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施，分布式云计算环境中，任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中，程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。

申请概述

在实现本公开的过程中，发明人发现，现有技术中，基于react的前端脚手架比较多，主要包括create-react-app，但这些脚手架至少存在以下问题：不能满足特定业务(例如，交易产品)的需求，每次进行前端开发，都需要针对具体业务需求做配置，不能直接使用。

示例性方法

图1是本公开一示例性实施例提供的前端脚手架的配置方法的流程示意图。本实施例可应用在电子设备上，如图1所示，包括如下步骤：

步骤102，为设定业务应用的不同应用终端设置至少两个存储空间。

其中，每种应用终端对应一个存储空间。

本实施例中的设定业务为具有通用处理机制的业务，例如，交易业务等；在应用终端逐渐丰富的现在，前端开发之后可应用到包括电脑端、移动端等各种不同应用终端，在不同应用终端，其对应的前端脚手架可能存在不同，因此，本实施例设置不同存储空间存储以保存不同应用终端的脚手架，使开发人员更易操作。

步骤104，根据设定业务的前端开发需求分别为至少两个存储空间配置至少两个文件入口。

其中，每个存储空间对应至少一个文件入口。

在一实施例中，通过设置至少一个文件入口，实通过一个文件入口接收固定格式的文件。

步骤106，对至少两个存储空间中的每个存储空间通过至少一个文件入口存入设定业务对应的处理机制，获得设定业务对应的至少两个前端脚手架。

针对一种设定业务，其对应的前端开发过程中，涉及到的一些处理机制是通用的，本实施例通过将这些通用处理机制集成在前端脚手架中，在开发人员进行开发时，不需要在进行处理机制的写入，简化了前端开发，提高了前端开发的效率。

本公开上述实施例提供的一种前端脚手架的配置方法，为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个存储空间；根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；本实施例通过在存储空间中存入处理机制，解决前端开发需要搭建前端开发环境的问题，减少前端开发在搭建开发环境投入的时间，提升了开发效率，并且，本实施例适用于至少两种应用终端，可实现在多种应用终端的前端开发。

图2是本公开另一示例性实施例提供的前端脚手架的配置方法的流程示意图。本实施例可应用在电子设备上，在该实施例中，应用终端包括移动端和电脑端(pc端)，如图2所示，包括如下步骤：

步骤202，分别为设定业务针对移动端和电脑端设置第一存储空间和第二存储空间。

其中，第一存储空间用于存储移动端对应的第一前端脚手架，第二存储空间用于存储电脑端对应的第二前端脚手架。

步骤104，根据设定业务的前端开发需求分别为两个存储空间配置至少两个文件入口。

其中，每个存储空间对应至少一个文件入口。

步骤206，对两个存储空间中的每个存储空间通过至少一个文件入口存入设定业务对应的处理机制，获得设定业务对应的第一前端脚手架和第二前端脚手架。

本实施例中，由于pc端与移动端的存储空间和显示屏幕大小等存在不同，为了使开发人员调用的前端脚手架可以适用于针对不同应用终端的开发，本实施例通过第一存储空间存储第一前端脚手架，第二存储空间存储第二前端脚手架，实现了将对应同一设定业务生成对应不同终端的前端脚手架，并将对应不同终端的脚手架分开保存，在开发人员需要进行对该设定业务的前端进行开发时，根据开发后的前端需要应用的应用终端直接选择对应前端脚手架即可，使本实施例配置的前端脚手架可适用不同终端的前端开发，应用范围更广，适应能力更强。

图3是本公开又一示例性实施例提供的前端脚手架的配置方法的流程示意图。本实施例可应用在电子设备上，本实施例中，至少一个文件入口可以包括但不限于：工程文件入口和加载文件入口；如图3所示，包括如下步骤：

步骤102，为设定业务应用的不同应用终端设置至少两个存储空间。

其中，每种应用终端对应一个存储空间。

步骤304，根据设定业务的前端开发需求分别为每个存储空间配置工程文件入口和加载文件入口。

步骤306，对所述至少两个存储空间中的每个存储空间通过工程文件入口存入所述设定业务对应的处理机制，通过加载文件入口接收外部组件，并通过加载文件入口接收外部组件。

可选地，通过加载文件入口接收的外部组件可以包括第三方组件库中的任意组件(例如，开源组件)。

步骤308，获得设定业务对应的至少两个前端脚手架。

本实施例通过配置工程文件入口和加载文件入口将脚手架在配置中通过不同入口接收不同类型(或格式)的文件，以保证文件存入后可以在开发过程中正常使用，本实施例中的加载文件入口支持第三方组件库的按需加载，便于项目引入第三方框架或文件等，通过加载第三方已有的组件，可提高脚手架配置效率。

可选地，在上述实施例的基础上，在步骤304和步骤306之间，还包括：基于设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持设定业务对应的开发环境启动和代码的编译打包。

前端脚手架的开发是为了在前端开发时更快捷，因此，需要前端脚手架支持设定业务对应的开发环境启动和代码的编译打包，本实施例通过基于前端开发需求配置开发服务器(devServer)实现支持设定业务对应的开发环境启动和代码的编译打包。

在一些可选的实施例中，处理机制包括：至少一个对前端数据执行处理的处理规则。

本实施例中，处理机制是指设定业务对应的具有统一格式的一些处理规则，通过集成这些处理规则使对前端对应数据的处理不需要在前端开发过程中再进行配置，即实现了规则配置，提高了前端开发的效率；其中，处理规则实现将字典数据处理成设定业务可用数据，可选地，处理规则包括格式转换，将不同格式存储的字典数据转换为设定业务对应的处理格式，例如，前端在处理业务逻辑时，尤其针对交易业务，交易业务中包含了很多字典数据，包括城市、交易角色等等数据，都需要前端汇总数据依据业务对应的处理规则，将字典数据转换成业务可用数据；另外，前端在项目中需要关注业务的稳定性，因此提供了监控的手段，监控前端日志，这个在脚手架中统一植入。处理机制还集成了一些前端在业务中的通用方法，比如对时间显示的转换，异步请求的处理等，这些提供给业务方使用，都能极大的提升效率。

可选地，前端数据包括：字典数据和前端监控日志；此时，处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

当设定业务为交易业务，前端开发完成后，其引用的最底层数据为字典数据，为了实现字典数据的解析，需要在前端开发过程中对字典数据的解析设定相应的规则，本实施例通过在脚手架中集成对字典数据的解析处理规则，简化了前端开发；而对于交易业务中的日志，通常需要进行监控，本实施例通过在脚手架中集成对前端监控日志的监控处理规则，即实现了对前端监控日志的监控设置，又节省了前端开发时间。例如，脚手架可以通过在util文件夹里集成处理的方法支持上述功能。

图4是本公开还一示例性实施例提供的前端脚手架的配置方法的流程示意图。如图4所示，本实施例方法包括如下步骤：

步骤102，为设定业务应用的不同应用终端设置至少两个存储空间。

其中，每种应用终端对应一个存储空间。

步骤104，根据设定业务的前端开发需求分别为至少两个存储空间配置至少两个文件入口。

其中，每个存储空间对应至少一个文件入口。

步骤406，对至少两个存储空间中的每个存储空间通过至少一个文件入口存入设定业务对应的处理机制。

步骤408，将设定业务对应的至少两种设定皮肤文件通过文件入口分别存入至少两个存储空间。

其中，每个存储空间对应一种设定皮肤文件。

步骤410，获得设定业务对应的至少两个前端脚手架。

本实施例由于是针对前端开发，因此，在开发过程中需要对皮肤进行设置，本实施例将通用的皮肤设置(对应同一业务的皮肤具有一些共同特点)通设定皮肤文件存入脚手架中，并且，由于不同应用终端对应的皮肤会有不同，因此为不同的应用终端提供不同的皮肤设置，使开发过程中无需再进行通用皮肤设置等重复性劳动，节省了开发人员的时间和精力。

可选地，上述实施例提供的皮肤文件在前端开发过程中，支持二次开发和覆盖，具体地，响应于接收对前端脚手架的开发请求，对设定皮肤文件进行修改操作或覆盖操作。

在开发人员基于脚手架进行前端开发时，可以对本实施例提供的前端脚手架中的皮肤文件(UI皮肤)进行修改(二次开发)或覆盖操作，实现在通用的皮肤模板的基础上进行个性化开发，使前端开发的过程在简化的基础上，保留了个性化。

在引入交易业务通用处理机制后，会针对业务场景设计UI皮肤，并植入到脚手架中，UI支持二次开发和覆盖，脚手架中还会集成一些通用的模块，比如导航、菜单、路由处理等；导航模块和菜单模块辅助对UI皮肤的设置，而路由处理模块可实现规定开发过程中数据的路径。

本公开实施例提供的任一种前端脚手架的配置方法可以由任意适当的具有数据处理能力的设备执行，包括但不限于：终端设备和服务器等。或者，本公开实施例提供的任一种前端脚手架的配置方法可以由处理器执行，如处理器通过调用存储器存储的相应指令来执行本公开实施例提及的任一种前端脚手架的配置方法。下文不再赘述。

示例性装置

图5是本公开一示例性实施例提供的前端脚手架的配置装置的结构示意图。该实施例的装置可用于实现本申请上述各方法实施例。如图5所示，该实施例的装置包括：

空间设置模块51，用于为设定业务应用的不同应用终端设置至少两个存储空间。

其中，每种应用终端对应一个存储空间。

文件配置模块52，用于根据设定业务的前端开发需求分别为至少两个存储空间配置至少两个文件入口。

其中，每个存储空间对应至少一个文件入口。

文件存储模块53，用于对至少两个存储空间中的每个存储空间通过至少一个文件入口存入设定业务对应的处理机制，获得设定业务对应的至少两个前端脚手架。

本公开上述实施例提供的一种前端脚手架的配置装置，为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个存储空间；根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；本实施例通过在存储空间中存入处理机制，解决前端开发需要搭建前端开发环境的问题，减少前端开发在搭建开发环境投入的时间，提升了开发效率，并且，本实施例适用于至少两种应用终端，可实现在多种应用终端的前端开发。

在一些可选实施例中，应用终端包括：移动端和电脑端；

空间设置模块51，具体用于分别为设定业务针对移动端和电脑端设置第一存储空间和第二存储空间。

其中，第一存储空间用于存储移动端对应的第一前端脚手架，第二存储空间用于存储电脑端对应的第二前端脚手架。

在一些可选实施例中，至少一个文件入口包括：工程文件入口和加载文件入口；

文件配置模块52，具体用于根据设定业务的前端开发需求分别为每个存储空间配置工程文件入口和加载文件入口；

文件存储模块53，具体用于对至少两个存储空间中的每个存储空间通过工程文件入口存入设定业务对应的处理机制，通过加载文件入口接收外部组件。

可选地，本实施例提供的装置还包括：

服务器配置模块，用于基于设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持设定业务对应的开发环境启动和代码的编译打包。

在一些可选实施例中，处理机制包括：至少一个对前端数据执行处理的处理规则。

可选地，前端数据包括：字典数据和前端监控日志；

处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

在一些可选实施例中，本实施例提供的装置还包括：

皮肤配置模块，用于将设定业务对应的至少两种设定皮肤文件通过文件入口分别存入至少两个存储空间。

其中，每个存储空间对应一种设定皮肤文件。

可选地，皮肤配置模块，还用于响应于接收对前端脚手架的开发请求，对设定皮肤文件进行修改操作或覆盖操作。

示例性电子设备

下面，参考图6来描述根据本公开实施例的电子设备。该电子设备可以是第一设备100和第二设备200中的任一个或两者、或与它们独立的单机设备，该单机设备可以与第一设备和第二设备进行通信，以从它们接收所采集到的输入信号。

图6图示了根据本公开实施例的电子设备的框图。

如图6所示，电子设备60包括一个或多个处理器61和存储器62。

处理器61可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备60中的其他组件以执行期望的功能。

存储器62可以包括一个或多个计算机程序产品，所述计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器61可以运行所述程序指令，以实现上文所述的本公开的各个实施例的前端脚手架的配置方法以及/或者其他期望的功能。在所述计算机可读存储介质中还可以存储诸如输入信号、信号分量、噪声分量等各种内容。

在一个示例中，电子设备60还可以包括：输入装置63和输出装置64，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。

例如，在该电子设备是第一设备100或第二设备200时，该输入装置63可以是上述的麦克风或麦克风阵列，用于捕捉声源的输入信号。在该电子设备是单机设备时，该输入装置63可以是通信网络连接器，用于从第一设备100和第二设备200接收所采集的输入信号。

此外，该输入设备63还可以包括例如键盘、鼠标等等。

该输出装置64可以向外部输出各种信息，包括确定出的距离信息、方向信息等。该输出设备64可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。

当然，为了简化，图6中仅示出了该电子设备60中与本公开有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备60还可以包括任何其他适当的组件。

示例性计算机程序产品和计算机可读存储介质

除了上述方法和设备以外，本公开的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的前端脚手架的配置方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。

此外，本公开的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的前端脚手架的配置方法中的步骤。

所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

以上结合具体实施例描述了本公开的基本原理，但是，需要指出的是，在本公开中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本公开的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本公开为必须采用上述具体的细节来实现。

本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本公开中涉及的器件、装置、设备、系统的方框图仅作为例示性的例子并且不意图要求或暗示必须按照方框图示出的方式进行连接、布置、配置。如本领域技术人员将认识到的，可以按任意方式连接、布置、配置这些器件、装置、设备、系统。诸如“包括”、“包含”、“具有”等等的词语是开放性词汇，指“包括但不限于”，且可与其互换使用。这里所使用的词汇“或”和“和”指词汇“和/或”，且可与其互换使用，除非上下文明确指示不是如此。这里所使用的词汇“诸如”指词组“诸如但不限于”，且可与其互换使用。

可能以许多方式来实现本公开的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。

还需要指出的是，在本公开的装置、设备和方法中，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本公开的等效方案。

提供所公开的方面的以上描述以使本领域的任何技术人员能够做出或者使用本公开。对这些方面的各种修改对于本领域技术人员而言是非常显而易见的，并且在此定义的一般原理可以应用于其他方面而不脱离本公开的范围。因此，本公开不意图被限制到在此示出的方面，而是按照与在此公开的原理和新颖的特征一致的最宽范围。

为了例示和描述的目的已经给出了以上描述。此外，此描述不意图将本公开的实施例限制到在此公开的形式。尽管以上已经讨论了多个示例方面和实施例，但是本领域技术人员将认识到其某些变型、修改、改变、添加和子组合。

Claims (16)

1.一种前端脚手架的配置方法，其特征在于，包括：

为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个所述存储空间；

根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；

对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；一个所述文件入口接收固定格式的文件；所述处理机制包括：至少一个对前端数据执行处理的具有统一格式的处理规则。

2.根据权利要求1所述的方法，其特征在于，所述应用终端包括：移动端和电脑端；

所述为设定业务应用的不同应用终端设置至少两个存储空间，包括：

分别为所述设定业务针对所述移动端和所述电脑端设置第一存储空间和第二存储空间；其中，所述第一存储空间用于存储所述移动端对应的第一前端脚手架，所述第二存储空间用于存储所述电脑端对应的第二前端脚手架。

3.根据权利要求1所述的方法，其特征在于，所述至少一个文件入口包括：工程文件入口和加载文件入口；

所述根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口，包括：

根据所述设定业务的前端开发需求分别为每个所述存储空间配置工程文件入口和加载文件入口；

所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，包括：

对所述至少两个存储空间中的每个存储空间通过工程文件入口存入所述设定业务对应的处理机制，通过加载文件入口接收外部组件。

4.根据权利要求3所述的方法，其特征在于，所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制之前，还包括：

基于所述设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持所述设定业务对应的开发环境启动和代码的编译打包。

5.根据权利要求1-4任一所述的方法，其特征在于，所述前端数据包括：字典数据和前端监控日志；

所述处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

6.根据权利要求5所述的方法，其特征在于，所述对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制之后，还包括：

将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间；其中，每个所述存储空间对应一种设定皮肤文件。

7.根据权利要求6所述的方法，其特征在于，所述将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间之后，还包括：

响应于接收对前端脚手架的开发请求，对所述设定皮肤文件进行修改操作或覆盖操作。

8.一种前端脚手架的配置装置，其特征在于，包括：

空间设置模块，用于为设定业务应用的不同应用终端设置至少两个存储空间；其中，每种所述应用终端对应一个所述存储空间；

文件配置模块，用于根据所述设定业务的前端开发需求分别为所述至少两个存储空间配置至少两个文件入口；其中，每个所述存储空间对应至少一个文件入口；

文件存储模块，用于对所述至少两个存储空间中的每个存储空间通过所述至少一个文件入口存入所述设定业务对应的处理机制，获得所述设定业务对应的至少两个前端脚手架；一个所述文件入口接收固定格式的文件；所述处理机制包括：至少一个对前端数据执行处理的具有统一格式的处理规则。

9.根据权利要求8所述的装置，其特征在于，所述应用终端包括：移动端和电脑端；

所述空间设置模块，具体用于分别为所述设定业务针对所述移动端和所述电脑端设置第一存储空间和第二存储空间；其中，所述第一存储空间用于存储所述移动端对应的第一前端脚手架，所述第二存储空间用于存储所述电脑端对应的第二前端脚手架。

10.根据权利要求8所述的装置，其特征在于，所述至少一个文件入口包括：工程文件入口和加载文件入口；

所述文件配置模块，具体用于根据所述设定业务的前端开发需求分别为每个所述存储空间配置工程文件入口和加载文件入口；

所述文件存储模块，具体用于对所述至少两个存储空间中的每个存储空间通过工程文件入口存入所述设定业务对应的处理机制，通过加载文件入口接收外部组件。

11.根据权利要求10所述的装置，其特征在于，所述装置还包括：

服务器配置模块，用于基于所述设定业务的前端开发需求配置开发服务器，使获得的前端脚手架支持所述设定业务对应的开发环境启动和代码的编译打包。

12.根据权利要求8-11任一所述的装置，其特征在于，所述前端数据包括：字典数据和前端监控日志；

所述处理机制包括以下至少之一：对字典数据的解析处理规则、对前端监控日志的监控处理规则。

13.根据权利要求12所述的装置，其特征在于，所述装置还包括：

皮肤配置模块，用于将所述设定业务对应的至少两种设定皮肤文件通过所述文件入口分别存入所述至少两个存储空间；其中，每个所述存储空间对应一种设定皮肤文件。

14.根据权利要求13所述的装置，其特征在于，所述皮肤配置模块，还用于响应于接收对前端脚手架的开发请求，对所述设定皮肤文件进行修改操作或覆盖操作。

15.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序用于执行上述权利要求1-7任一所述的前端脚手架的配置方法。

16.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述权利要求1-7任一所述的前端脚手架的配置方法。