CN116627419A - 前端业务的打包方法及相关设备 - Google Patents
前端业务的打包方法及相关设备 Download PDFInfo
- Publication number
- CN116627419A CN116627419A CN202310911830.9A CN202310911830A CN116627419A CN 116627419 A CN116627419 A CN 116627419A CN 202310911830 A CN202310911830 A CN 202310911830A CN 116627419 A CN116627419 A CN 116627419A
- Authority
- CN
- China
- Prior art keywords
- business
- privately
- basic
- owned
- webpack
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 72
- 238000004806 packaging method and process Methods 0.000 title claims abstract description 54
- 238000012856 packing Methods 0.000 claims abstract description 34
- 230000006870 function Effects 0.000 claims description 24
- 238000004590 computer program Methods 0.000 claims description 23
- 238000000926 separation method Methods 0.000 claims description 4
- 238000012544 monitoring process Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 10
- 238000012384 transportation and delivery Methods 0.000 description 9
- 230000005540 biological transmission Effects 0.000 description 5
- 230000003993 interaction Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/37—Compiler construction; Parser generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开实施例提供了一种前端业务的打包方法、装置、计算机设备、可读存储介质及程序，涉及计算机技术领域。该方法包括：将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作。本公开实施例提供的前端业务的打包方法，能够实现前端业务的打包。
Description
技术领域
本公开涉及计算机技术领域，尤其涉及一种前端业务的打包方法、装置、计算机设备、可读存储介质及程序。
背景技术
目前，越来越多的企业在购买系统软件时，希望将企业内部的敏感数据部署在公司内网服务器上，无需本地的数据上传到云端，这样企业自主掌控数据，可以有效的防止数据篡改、信息泄露等风险；并且在实际应用中，大多数企业也都会有不同程度上的定制化需求，赋予企业足够的二次开发的空间，例如首页定制化开发、前端的特定展示界面、增加某项新功能等需求；由此，选择一种高可行性、强安全性、可定制化服务的私有化交付策略是尤为重要。
发明内容
本公开实施例提供了一种前端业务的打包方法、装置、计算机设备、可读存储介质及程序，涉及计算机技术领域，打包方法可以实现前端业务的打包。
本公开实施例提供了一种前端业务的打包方法，包括：将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作。
在一个实施例中，初始化网络打包工具Webpack的编译器之后还包括：为插件Plugin配置监听函数。
在一个实施例中，初始化网络打包工具Webpack的编译器包括：暴露一个多范式高级解释型编程语言JavaScript函数，在所述JavaScript函数的原型上注入所述编译器对象的应用Apply方法。
在一个实施例中，设置到达所述私有化业务和所述基础业务所在文件夹的路径包括：通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在一个实施例中，通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径包括：通过所述编译器对象的应用Apply调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在一个实施例中，将网络打包入口模块WEM配置至所述Webpack包括：将所述WEM配置至所述Webpack的配置文件的解决Resolve中，并实例化所述WEM。
本公开实施例提供了一种前端业务的打包装置，包括：分离模块，用于将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取模块，用于获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化模块，用于初始化网络打包工具Webpack的编译器；路径模块，用于设置到达所述私有化业务和所述基础业务所在文件夹的路径；配置模块，用于将网络打包入口模块WEM配置至所述Webpack；节点模块，用于在所述Webpack中进行节点的配置；执行模块，用于根据所述节点执行所述私有化业务和所述基础业务的打包操作。
本公开实施例提供了一种计算机设备，包括处理器、存储器、输入输出接口；所述处理器分别与所述存储器和所述输入输出接口相连，其中，所述输入输出接口用于接收数据及输出数据，所述存储器用于存储计算机程序，所述处理器用于调用所述计算机程序，以使得所述计算机设备执行如上实施例中任一项所述的方法。
本公开实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序适于由处理器加载并执行，以使得具有所述处理器的计算机设备执行如上实施例中任一项所述的方法。
本公开实施例提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如上实施例中任一项所述的方法。
本申请的前端业务的打包方法，通过将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作，从而可以实现前端业务的打包。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了可以应用本公开实施方式的前端业务的打包方法的示例性系统架构的示意图；
图2是本公开实施例提供的一种前端业务的打包方法的流程图；
图3是本公开实施例提供的一种初始化网络打包工具Webpack的编译器Compiler方法的流程图；
图4是本公开实施例提供的一种初始化网络打包工具Webpack的编译器Compiler方法的流程图；
图5是本公开实施例提供的一种设置到达所述私有化业务和所述基础业务所在文件夹的路径方法的流程图；
图6是本公开实施例提供的一种通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径方法的流程图；
图7是本公开实施例提供的一种将网络打包入口模块WEM配置至所述Webpack方法的流程图；
图8是本公开实施例提供的前端交付自动化打包构建图；
图9是本公开实施例提供的一种前端业务的打包装置的结构示意图；
图10是本公开实施例提供的一种计算机设备的结构示意图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
在本公开实施例中，可以基于网络打包工具Webpack等技术，将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器Compiler；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作，从而实现前端业务的打包。
下面首先对本公开的一些术语进行说明：
前端，即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
打包，程序写完会有一个代码打包的过程，识别打包的配置文件，自动化打包，打包后上线的代码会压缩、体积减小等。
网络打包工具Webpack，是一个较大的打包工具。
WEM，WEM (Webpack-entry-modules)是编程人员编写的用于执行本申请的前端业务的打包方法的程序。
基础业务，可以理解为公共部分的业务，例如一个系统有很多的前端页面，无需定制化开发的页面及功能，可以理解为基础业务。
私有化业务，也可以称为定制化业务，单独开发的部分属于定制化业务。
本公开实施例提供的方案涉及网络打包工具Webpack等技术。
图1示出了可以应用本公开实施方式的前端业务的打包方法的示例性系统架构100的示意图。
如图1所示，系统架构100可以包括终端101、102、103中的一种或多种，网络104和服务器105。网络104是用以在终端101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
应该理解，图1中的终端、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端、网络和服务器。比如服务器105可以是多个服务器组成的服务器集群等。
终端101、102、103通过网络104与服务器105交互，可以接收或发送消息等。终端101、102、103可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、便携式计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器。例如终端103（也可以是终端101或102）向服务器105发送前端业务的打包的指令，服务器105可以将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器Compiler；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作，从而完成前端业务的打包。
其中，终端可以是手机（如终端101）或平板电脑（如终端102），还可以是台式计算机（如终端101）等，在此不做限制。其中，终端中可以显示应用程序，该应用程序可以是前端业务的打包的应用程序等。其中，图1中的终端仅为例举出的部分设备，在本公开中终端并不仅限于该图1中所例举的设备。
可以理解的是，本公开实施例中所提及的终端可以是一种用户设备，本公开实施例中的服务器包括但不限于服务器或服务器组成的集群。其中，以上所提及的终端可以是一种电子设备，包括但不限于手机、平板电脑、智能语音交互设备、智能家电、车载终端、台式电脑、笔记本电脑、掌上电脑、车载设备、增强现实/虚拟现实（Augmented Reality/Virtual Reality，AR/VR）设备、头盔显示器、智能电视、可穿戴设备、智能音箱、数码相机、摄像头及其他具备网络接入能力的移动互联网设备（mobile internet device，MID），或者火车、轮船、飞行等场景下的终端设备等。
其中，以上所提及的服务器可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、车路协同、内容分发网络（ContentDelivery Network，CDN）、以及大数据和人工智能平台等基础云计算服务的云服务器，还可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统。
可选的，本公开实施例中所涉及的数据可以存储在云平台中，或者可以基于云存储技术、区块链技术对该数据进行存储，在此不做限制。
相关技术在面对客户的私有化项目的打包时，存在维护困难的问题。
图2是本公开实施例提供的一种前端业务的打包方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或由编程人员通过终端和/或服务器交互执行，本公开不以此为限。
如图2所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S210中，将私有化业务和基础业务分离，分别放置在独立的文件夹中。
在该步骤中，终端或服务器将私有化业务和基础业务分离，分别放置在独立的文件夹中。
在一个实施例中，将私有化业务和基础业务分离，分别放置在独立的文件夹中，可以是在写代码的时候，定制化的业务写在单独的文件夹中下，基础业务放在单独的文件夹中下。
在一个实施例中，私有化业务可以是用户展示在内网的内容，基础业务可以是同时展示在公网和内网上的内容。私有化业务是属于用户特殊定制的业务，需要编程人员单独开发。
在步骤S220中，获取所述私有化业务和所述基础业务所在文件夹的入口文件。
在该步骤中，终端或服务器获取所述私有化业务和所述基础业务所在文件夹的入口文件。
在一个实施例中，该步骤中分析入口文件，由编写的WEM模块递归的去读取模块所依赖的文件内容。入口文件可以是指代码打包的入口文件。
在步骤S230中，初始化网络打包工具Webpack的编译器Compiler。
在该步骤中，终端或服务器初始化网络打包工具Webpack的编译器Compiler。
在步骤S240中，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在该步骤中，终端或服务器设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在步骤S250中，将网络打包入口模块WEM配置至所述Webpack。
在该步骤中，终端或服务器将网络打包入口模块WEM配置至所述Webpack。
在步骤S260中，在所述Webpack中进行节点的配置。
在该步骤中，终端或服务器在所述Webpack中进行节点的配置。
在步骤S270中，根据所述节点执行所述私有化业务和所述基础业务的打包操作。
在该步骤中，终端或服务器根据所述节点执行所述私有化业务和所述基础业务的打包操作。
图2所示的前端业务的打包方法，通过将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器Compiler；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作，从而可以实现前端业务的打包。
其中，本申请图2的方法实现了私有化业务与基础业务解耦，且在定制化修改的对应目录下可实现统一打包，无需构建多个分支，提高了原有框架下的代码利用率，后期可维护性强。本申请的WEM模块可根据配置自动识别修改文件路径，操作简单，前端代码的打包效率较高，且代码复用性强、方便项目扩展，可便捷的实现前端私有化交付。图2的方法的实现程序例如可以是WEM模块。
图3是本公开实施例提供的一种初始化网络打包工具Webpack的编译器Compiler之后方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或编程人员通过终端和/或服务器交互执行。
如图3所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S310中，为插件Plugin配置监听函数。
在该步骤中，终端或服务器为插件Plugin配置监听函数。
图4是本公开实施例提供的一种初始化网络打包工具Webpack的编译器Compiler方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或编程人员通过终端和/或服务器交互执行。
如图4所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S410中，暴露一个多范式高级解释型编程语言JavaScript函数，在所述JavaScript函数的原型上注入所述Compiler对象的应用Apply方法。
在该步骤中，终端或服务器暴露一个多范式高级解释型编程语言JavaScript函数，在所述JavaScript函数的原型上注入所述Compiler对象的应用Apply方法。
图5是本公开实施例提供的一种设置到达所述私有化业务和所述基础业务所在文件夹的路径方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或编程人员通过终端和/或服务器交互执行。
如图5所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S510中，通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在该步骤中，终端或服务器通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
图6是本公开实施例提供的一种通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或编程人员通过终端和/或服务器交互执行。
如图6所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S610中，通过所述Compiler对象的应用Apply调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在该步骤中，终端或服务器通过所述Compiler对象的应用Apply调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
图7是本公开实施例提供的一种将网络打包入口模块WEM配置至所述Webpack方法的流程图。本公开实施例提供的方法可以由图1实施例中的终端或服务器执行，或由终端和服务器交互执行，或编程人员通过终端和/或服务器交互执行。
如图7所示，本公开实施例提供的方法可以包括如下步骤。
在步骤S710中，将所述WEM配置至所述Webpack的配置文件的解决Resolve中，并实例化所述WEM。
在该步骤中，终端或服务器将所述WEM配置至所述Webpack的配置文件的解决Resolve中，并实例化所述WEM。
图8是本公开实施例提供的前端交付自动化打包构建图。
图8中，将私有化业务与基础业务解耦，针对不同私有化需求分别存放在不同的文件夹下，例如公司1、公司2…文件夹，分别存放的是不同的定制化需求代码。
其中，当遇到定制化目录中修改的文件与基础文件名称重复时，会优先识别定制化目录下的文件。
其中，WEM模块会暴露一个JavaScript函数，其原型上注入了compiler对象apply方法。
其中，WEM模块的apply方法会调用webpack的enhanced-resolve钩子事件，且在回调中可以得到当前编译的compilation 对象（其中compilation代表着一次全新的构建）。
其中，在实例化new WebpackEntryModules中配置对应文件夹的路径，在每次打包构建时自动的识别配置好的文件目录。
最后，执行在package.json文件中配置好node命令行，例如，npm runserveModule，对在dist目录下分别打包不同私有化方案的包，分别进行私有化交付即可。
其中，图8中是多个公司同时进行个性化业务打包，然后通过WEM模块分别输出不同的前端私有化交付。在其他实施例中，也可以是一个公司具有多个私有化业务，然后经过WEM模块输出一个前端私有化交付。
图9是本公开实施例提供的一种前端业务的打包装置900的结构示意图。
如图9所示，本公开实施例提供的前端业务的打包装置900可以包括：
分离模块910，用于将私有化业务和基础业务分离，分别放置在独立的文件夹中；
获取模块920，用于获取所述私有化业务和所述基础业务所在文件夹的入口文件；
初始化模块930，用于初始化网络打包工具Webpack的编译器Compiler；
路径模块940，用于设置到达所述私有化业务和所述基础业务所在文件夹的路径；
配置模块950，用于将网络打包入口模块WEM配置至所述Webpack；
节点模块960，用于在所述Webpack中进行节点的配置；
执行模块970，用于根据所述节点执行所述私有化业务和所述基础业务的打包操作。
本申请的前端业务的打包装置，通过分离模块，用于将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取模块，用于获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化模块，用于初始化网络打包工具Webpack的编译器Compiler；路径模块，用于设置到达所述私有化业务和所述基础业务所在文件夹的路径；配置模块，用于将网络打包入口模块WEM配置至所述Webpack；节点模块，用于在所述Webpack中进行节点的配置；执行模块，用于根据所述节点执行所述私有化业务和所述基础业务的打包操作，从而可以实现前端业务的打包。
在一个实施例中，初始化模块930还用于为插件Plugin配置监听函数。
在一个实施例中，初始化模块930还用于暴露一个多范式高级解释型编程语言JavaScript函数，在所述JavaScript函数的原型上注入所述Compiler对象的应用Apply方法。
在一个实施例中，路径模块940还用于通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在一个实施例中，路径模块940还用于通过所述Compiler对象的应用Apply调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
在一个实施例中，执行模块970还用于将所述WEM配置至所述Webpack的配置文件的解决Resolve中，并实例化所述WEM。
参见图10，图10是本公开实施例提供的一种计算机设备1000的结构示意图。如图10所示，本公开实施例中的计算机设备可以包括：一个或多个处理器1001、存储器1002和输入输出接口1003。该处理器1001、存储器1002和输入输出接口1003通过总线1004连接。存储器1002用于存储计算机程序，该计算机程序包括程序指令，输入输出接口1003用于接收数据及输出数据，如用于宿主机与计算机设备之间进行数据交互，或者用于在宿主机中的各个虚拟机之间进行数据交互；处理器1001用于执行存储器1002存储的程序指令。
其中，该处理器1001可以执行如下操作：
将私有化业务和基础业务分离，分别放置在独立的文件夹中；获取所述私有化业务和所述基础业务所在文件夹的入口文件；初始化网络打包工具Webpack的编译器Compiler；设置到达所述私有化业务和所述基础业务所在文件夹的路径；将网络打包入口模块WEM配置至所述Webpack；在所述Webpack中进行节点的配置；根据所述节点执行所述私有化业务和所述基础业务的打包操作。
在一些可行的实施方式中，该处理器1001可以是中央处理单元（centralprocessing unit，CPU），该处理器还可以是其他通用处理器、数字信号处理器（digitalsignal processor，DSP）、专用集成电路（application specific integrated circuit，ASIC）、现成可编程门阵列（field-programmable gate array，FPGA）或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
该存储器1002可以包括只读存储器和随机存取存储器，并向处理器1001和输入输出接口1003提供指令和数据。存储器1002的一部分还可以包括非易失性随机存取存储器。例如，存储器1002还可以存储设备类型的信息。
具体实现中，该计算机设备可通过其内置的各个功能模块执行如上述实施例中各个步骤所提供的实现方式，具体可参见上述实施例中各个步骤所提供的实现方式，在此不再赘述。
本公开实施例通过提供一种计算机设备，包括：处理器、输入输出接口、存储器，通过处理器获取存储器中的计算机程序，执行上述实施例中所示方法的各个步骤，进行传输操作。
本公开实施例还提供一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序适于由该处理器加载并执行上述实施例中各个步骤所提供的方法，具体可参见上述实施例中各个步骤所提供的实现方式，在此不再赘述。另外，对采用相同方法的有益效果描述，也不再进行赘述。对于本公开所涉及的计算机可读存储介质实施例中未披露的技术细节，请参照本公开方法实施例的描述。作为示例，计算机程序可被部署为在一个计算机设备上执行，或者在位于一个地点的多个计算机设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算机设备上执行。
该计算机可读存储介质可以是前述任一实施例提供的装置或者该计算机设备的内部存储单元，例如计算机设备的硬盘或内存。该计算机可读存储介质也可以是该计算机设备的外部存储设备，例如该计算机设备上配备的插接式硬盘，智能存储卡（smart mediacard，SMC），安全数字（secure digital，SD）卡，闪存卡（flash card）等。进一步地，该计算机可读存储介质还可以既包括该计算机设备的内部存储单元也包括外部存储设备。该计算机可读存储介质用于存储该计算机程序以及该计算机设备所需的其他程序和数据。该计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
本公开实施例还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中的各种可选方式中所提供的方法。
本公开实施例的说明书和权利要求书及附图中的术语“第一”、“第二”等是用于区别不同对象，而非用于描述特定顺序。此外，术语“包括”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、装置、产品或设备没有限定于已列出的步骤或模块，而是可选地还包括没有列出的步骤或模块，或可选地还包括对于这些过程、方法、装置、产品或设备固有的其他步骤单元。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在该说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开的范围。
本公开实施例提供的方法及相关装置是参照本公开实施例提供的方法流程图和/或结构示意图来描述的，具体可由计算机程序指令实现方法流程图和/或结构示意图的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。这些计算机程序指令可提供到通用计算机、专用计算机、嵌入式处理机或其他可编程传输设备的处理器以产生一个机器，使得通过计算机或其他可编程传输设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或结构示意图一个方框或多个方框中指定的功能的装置。这些计算机程序指令也可存储在能引导计算机或其他可编程传输设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或结构示意图一个方框或多个方框中指定的功能。这些计算机程序指令也可装载到计算机或其他可编程传输设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或结构示意一个方框或多个方框中指定的功能的步骤。
以上所揭露的仅为本公开较佳实施例而已，当然不能以此来限定本公开之权利范围，因此依本公开权利要求所作的等同变化，仍属本公开所涵盖的范围。
Claims (10)
1.一种前端业务的打包方法，其特征在于，包括：
将私有化业务和基础业务分离，分别放置在独立的文件夹中；
获取所述私有化业务和所述基础业务所在文件夹的入口文件；
初始化网络打包工具Webpack的编译器；
设置到达所述私有化业务和所述基础业务所在文件夹的路径；
将网络打包入口模块WEM配置至所述Webpack；
在所述Webpack中进行节点的配置；
根据所述节点执行所述私有化业务和所述基础业务的打包操作。
2.根据权利要求1所述的方法，其特征在于，初始化网络打包工具Webpack的编译器之后还包括：
为插件Plugin配置监听函数。
3.根据权利要求1所述的方法，其特征在于，初始化网络打包工具Webpack的编译器包括：
暴露一个多范式高级解释型编程语言JavaScript函数，在所述JavaScript函数的原型上注入所述编译器对象的应用Apply方法。
4.根据权利要求1所述的方法，其特征在于，设置到达所述私有化业务和所述基础业务所在文件夹的路径包括：
通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
5.根据权利要求4所述的方法，其特征在于，通过调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径包括：
通过所述编译器对象的应用Apply调用所述Webpack中的钩子事件，设置到达所述私有化业务和所述基础业务所在文件夹的路径。
6.根据权利要求1所述的方法，其特征在于，将网络打包入口模块WEM配置至所述Webpack包括：
将所述WEM配置至所述Webpack的配置文件的解决Resolve中，并实例化所述WEM。
7.一种前端业务的打包装置，其特征在于，包括：
分离模块，用于将私有化业务和基础业务分离，分别放置在独立的文件夹中；
获取模块，用于获取所述私有化业务和所述基础业务所在文件夹的入口文件；
初始化模块，用于初始化网络打包工具Webpack的编译器；
路径模块，用于设置到达所述私有化业务和所述基础业务所在文件夹的路径；
配置模块，用于将网络打包入口模块WEM配置至所述Webpack；
节点模块，用于在所述Webpack中进行节点的配置；
执行模块，用于根据所述节点执行所述私有化业务和所述基础业务的打包操作。
8.一种计算机设备，其特征在于，包括处理器、存储器、输入输出接口；
所述处理器分别与所述存储器和所述输入输出接口相连，其中，所述输入输出接口用于接收数据及输出数据，所述存储器用于存储计算机程序，所述处理器用于调用所述计算机程序，以使得所述计算机设备执行权利要求1-6中任一项所述的方法。
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序适于由处理器加载并执行，以使得具有所述处理器的计算机设备执行权利要求1-6中任一项所述的方法。
10.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1-6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310911830.9A CN116627419A (zh) | 2023-07-24 | 2023-07-24 | 前端业务的打包方法及相关设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310911830.9A CN116627419A (zh) | 2023-07-24 | 2023-07-24 | 前端业务的打包方法及相关设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116627419A true CN116627419A (zh) | 2023-08-22 |
Family
ID=87597679
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310911830.9A Pending CN116627419A (zh) | 2023-07-24 | 2023-07-24 | 前端业务的打包方法及相关设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116627419A (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022121971A1 (zh) * | 2020-12-10 | 2022-06-16 | 百果园技术(新加坡)有限公司 | 前端项目处理方法、装置、设备、管理系统及存储介质 |
| CN114995807A (zh) * | 2022-05-26 | 2022-09-02 | 厦门立林科技有限公司 | 一种前端多项目框架的配置方法及系统 |
| CN115480801A (zh) * | 2022-09-24 | 2022-12-16 | 苏州神码物信智能科技有限公司 | 一种基于Vue框架的多项目开发部署运行方法和系统 |
-
2023
- 2023-07-24 CN CN202310911830.9A patent/CN116627419A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022121971A1 (zh) * | 2020-12-10 | 2022-06-16 | 百果园技术(新加坡)有限公司 | 前端项目处理方法、装置、设备、管理系统及存储介质 |
| CN114995807A (zh) * | 2022-05-26 | 2022-09-02 | 厦门立林科技有限公司 | 一种前端多项目框架的配置方法及系统 |
| CN115480801A (zh) * | 2022-09-24 | 2022-12-16 | 苏州神码物信智能科技有限公司 | 一种基于Vue框架的多项目开发部署运行方法和系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108563517B (zh) | 系统接口的调用方法及装置 | |
| CN109495584B (zh) | 物联网设备接入方法、装置、设备及介质 | |
| CN102866925B (zh) | 一种中间件与用户界面的通信方法和系统 | |
| CN102622237B (zh) | 一种业务功能流程化的配置方法及系统 | |
| CN111897623A (zh) | 一种集群管理方法、装置、设备及存储介质 | |
| CN111651219A (zh) | 一种多模块项目配置文件管理的方法及设备 | |
| CN110908652A (zh) | 创建活动页面以及对活动页面进行编译的方法、装置 | |
| CN102402455A (zh) | 调用动态链接库的方法和装置 | |
| CN109343970B (zh) | 基于应用程序的操作方法、装置、电子设备及计算机介质 | |
| CN113568661A (zh) | 一种基于Android sdk实现app混合开发的方法 | |
| CN110673827B (zh) | 基于安卓系统的资源调用方法及装置、电子设备 | |
| CN116627419A (zh) | 前端业务的打包方法及相关设备 | |
| CN116910336A (zh) | 动态化加密数据获取方法、系统、计算机设备及存储介质 | |
| CN110275701A (zh) | 数据处理方法、装置、介质和计算设备 | |
| Spaanenburg et al. | Cloud connectivity and embedded sensory systems | |
| CN115599396A (zh) | 机器学习模型部署方法及其装置、设备、介质、产品 | |
| CN112162793B (zh) | 结构化视图业务分离的方法、存储介质、电子设备及系统 | |
| CN112714148A (zh) | 一种界面配置方法、装置、设备及介质 | |
| CN115237457A (zh) | 一种ai应用的运行方法及相关产品 | |
| CN112463289A (zh) | 一种基于虚拟机实现应用服务的方法、系统、设备及介质 | |
| CN112486559A (zh) | 产品调整方法、装置和存储介质及电子装置 | |
| Pop et al. | A cyber-physical systems oriented platform using web services | |
| CN112379927B (zh) | 代码指令远程执行的方法、装置、计算机设备及存储介质 | |
| CN117170738B (zh) | Python与Fortran互调用的方法、系统、设备及存储介质 | |
| CN116700703B (zh) | 一种业务处理方法、装置、设备及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20230822 |