组件打包方法、装置、设备及存储介质制造方法及图纸

本申请提供一种组件打包方法、装置、设备及存储介质，可以应用于云技术、人工智能、智慧交通、车联网等各种场景。该方法包括：在初始组件项目文件中添加初始组件文件和初始组件引入文件，得到目标组件项目文件；基于初始组件引入文件对初始场景配置文件进行配置，得到目标场景配置文件；在初始编译脚本文件中添加第一目标命令，得到第一编译脚本文件；第一目标命令用于指示基于目标场景配置文件生成与目标场景相适配的组件包；目标场景与目标框架的预设场景不同；基于第一编译脚本文件对目标组件项目文件进行组件打包，得到与目标场景相适配的第一组件包。本申请能够应使得基于目标框架创建的组件适用于与目标框架的预设场景不同的场景中。同的场景中。同的场景中。

【技术实现步骤摘要】
组件打包方法、装置、设备及存储介质


[0001]本申请涉及计算机
，尤其涉及一种组件打包方法、装置、设备及存储介质。

技术介绍

[0002]Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架进行开发，可以实现一份代码适配到多端。现如今市面上端的形态多种多样，例如Web、React Native、小程序等各种端，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，Taro可实现只编写一套代码就能够适配到多端。现有技术中，基于Taro框架创建的组件经过打包之后，不能适用于非Taro框架创建的项目内。

技术实现思路

[0003]本申请所要解决的技术问题在于，提供一种组件打包方法、装置、设备及存储介质，使得对基于Taro框架创建的组件经过打包之后，能够适用于非Taro框架创建的项目内。
[0004]为了解决上述技术问题，一方面，本申请提供了一种组件打包方法，包括：
[0005]在初始组件项目文件中添加初始组件文件和初始组件引入文件，得到目标组件项目文件；所述初始组件项目文件基于目标框架生成，所述初始组件项目文件中包括初始场景配置文件和初始编译脚本文件；
[0006]基于所述初始组件引入文件对所述初始场景配置文件进行配置，得到目标场景配置文件；所述初始组件引入文件为对所述目标组件项目文件进行打包时的打包入口文件；
[0007]在所述初始编译脚本文件中添加第一目标命令，得到第一编译脚本文件；所述第一目标命令用于指示基于所述目标场景配置文件生成与目标场景相适配的组件包；所述目标场景与所述目标框架的预设场景不同；
[0008]基于所述第一编译脚本文件对所述目标组件项目文件进行组件打包，得到与所述目标场景相适配的第一组件包；所述第一组件包中包括与所述初始组件文件对应的第一组件文件，以及与所述初始组件引入文件对应的第一入口文件。
[0009]另一方面，本申请提供了一种组件打包装置，所述装置包括：
[0010]文件添加模块，用于在初始组件项目文件中添加初始组件文件和初始组件引入文件，得到目标组件项目文件；所述初始组件项目文件基于目标框架生成，所述初始组件项目文件中包括初始场景配置文件和初始编译脚本文件；
[0011]场景文件配置模块，用于基于所述初始组件引入文件对所述初始场景配置文件进行配置，得到目标场景配置文件；所述初始组件引入文件为对所述目标组件项目文件进行打包时的打包入口文件；
[0012]第一命令添加模块，用于在所述初始编译脚本文件中添加第一目标命令，得到第一编译脚本文件；所述第一目标命令用于指示基于所述目标场景配置文件生成与目标场景相适配的组件包；所述目标场景与所述目标框架的预设场景不同；
[0013]第一打包模块，用于基于所述第一编译脚本文件对所述目标组件项目文件进行组件打包，得到与所述目标场景相适配的第一组件包；所述第一组件包中包括与所述初始组件文件对应的第一组件文件，以及与所述初始组件引入文件对应的第一入口文件。
[0014]另一方面，本申请提供了一种组件打包设备，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述的组件打包方法。
[0015]另一方面，本申请提供了一种计算机存储介质，所述存储介质中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由处理器加载并执行如上述的组件打包方法。
[0016]实施本申请实施例，具有如下有益效果：
[0017]本申请基于初始组件引入文件对初始场景配置文件进行配置，得到目标场景配置文件，基于目标场景配置文件可以确定打包之后组件所适配的目标场景，以及对组件进行打包时的入口文件；在初始编译脚本文件中添加第一目标命令，得到第一编译脚本文件，第一目标命令用于指示基于所述目标场景配置文件生成与目标场景相适配的组件包；基于第一编译脚本文件对目标组件项目文件进行组件打包，得到与所述目标场景相适配的第一组件包，目标场景与目标框架的预设场景不同；从而避免了通过重构目标项目使得目标项目能够使用基于目标框架创建的组件，而造成的资源浪费的问题；同时基于修改配置文件打包生成的组件同样具有目标框架组件的原有属性。通过修改配置文件，能够使得基于目标框架创建的组件适用于与目标框架的预设场景不同的场景中，不影响组件的原有属性，提高了基于目标框架生成的组件的使用范围，以及组件使用的灵活性。
附图说明
[0018]为了更清楚地说明本申请实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
[0019]图1是本申请实施例提供的一种组件打包方法流程图；
[0020]图2是本申请实施例提供的一种基于编译脚本文件进行组件打包的方法流程图；
[0021]图3是本申请实施例提供的另一种组件打包方法流程图；
[0022]图4是本申请实施例提供的另一种基于编译脚本文件进行组件打包的方法流程图；
[0023]图5是本申请实施例提供的一种组件应用方法流程图；
[0024]图6是本申请实施例提供的组件应用界面示意图；
[0025]图7是本申请实施例提供的一种目标工程文件生成方法流程图；
[0026]图8是本申请实施例提供的一种对于Taro项目和非Taro项目组件打包操作流程示意图；
[0027]图9是本申请实施例提供的一种组件打包装置示意图；
[0028]图10是本申请实施例提供的一种设备结构示意图。
具体实施方式
[0029]为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请作进一步地详细描述。显然，所描述的实施例仅仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0030]需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0031]首先对本说明书实施例中涉及的相关名词做以下解释：
[0032]Webpack：Webpack是一个基于Node前端资源加载/打包工具，它将根本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种组件打包方法，其特征在于，包括：在初始组件项目文件中添加初始组件文件和初始组件引入文件，得到目标组件项目文件；所述初始组件项目文件基于目标框架生成，所述初始组件项目文件中包括初始场景配置文件和初始编译脚本文件；基于所述初始组件引入文件对所述初始场景配置文件进行配置，得到目标场景配置文件；所述初始组件引入文件为对所述目标组件项目文件进行打包时的打包入口文件；在所述初始编译脚本文件中添加第一目标命令，得到第一编译脚本文件；所述第一目标命令用于指示基于所述目标场景配置文件生成与目标场景相适配的组件包；所述目标场景与所述目标框架的预设场景不同；基于所述第一编译脚本文件对所述目标组件项目文件进行组件打包，得到与所述目标场景相适配的第一组件包；所述第一组件包中包括与所述初始组件文件对应的第一组件文件，以及与所述初始组件引入文件对应的第一入口文件。2.根据权利要求1所述的一种组件打包方法，其特征在于，所述初始场景配置文件包括与所述目标场景对应的入口配置项，以及输出配置项；所述基于所述初始组件引入文件对所述初始场景配置文件进行配置，得到目标场景配置文件包括：将所述初始场景配置文件中的所述入口配置项的信息修改为所述初始组件引入文件，将所述输出配置项的信息修改为第一输出路径，得到所述目标场景配置文件。3.根据权利要求2所述的一种组件打包方法，其特征在于，所述第一目标命令中包括第一组件打包命令；所述基于所述第一编译脚本文件对所述目标组件项目文件进行组件打包，得到与所述目标场景相适配的第一组件包包括：基于所述第一编译脚本文件中包含的所述第一组件打包命令，确定第一打包器；调用所述第一打包器，以使得所述第一打包器基于所述目标场景配置文件对所述目标组件项目文件进行打包，得到与所述目标场景相适配的所述第一组件包；其中，所述第一打包器以所述目标场景配置文件中的所述初始组件引入文件为编译入口文件；所述第一组件包被放到所述第一输出路径下。4.根据权利要求1所述的一种组件打包方法，其特征在于，所述初始组件项目文件中还包括初始编译配置文件，所述初始编译配置文件中包括入口配置项以及输出配置项；所述方法还包括：将所述初始编译配置文件中的所述入口配置项的信息修改为所述初始组件引入文件，将所述输出配置项的信息修改为第二输出路径，得到目标编译配置文件；在所述初始编译脚本文件中添加第二目标命令，得到第二编译脚本文件；所述第二目标命令用于指示基于所述目标编译配置文件生成与所述预设场景相适配的组件包；基于所述第二编译脚本文件对所述目标组件项目文件进行组件打包，得到与所述预设场景相适配的第二组件包；所述第二组件包中包括与所述初始组件文件对应的第二组件文件，以及与所述初始组件引入文件对应的第二入口文件。5.根据权利要求4所述的一种组件打包方法，其特征在于，所述第二目标命令中包括第二组件打包命令；
所述基于所述第二目标编译脚本文...

【专利技术属性】
技术研发人员：吴国方，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：