CN111459497A - 基于webpack的资源包编译方法、系统、服务器和存储介质 - Google Patents

基于webpack的资源包编译方法、系统、服务器和存储介质 Download PDF

Info

Publication number
CN111459497A
CN111459497A CN202010279901.4A CN202010279901A CN111459497A CN 111459497 A CN111459497 A CN 111459497A CN 202010279901 A CN202010279901 A CN 202010279901A CN 111459497 A CN111459497 A CN 111459497A
Authority
CN
China
Prior art keywords
resource
code
resource package
webpack
function
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
Application number
CN202010279901.4A
Other languages
English (en)
Inventor
邓伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Mengtian Technology Co ltd
Original Assignee
Shenzhen Mengtian Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Mengtian Technology Co ltd filed Critical Shenzhen Mengtian Technology Co ltd
Priority to CN202010279901.4A priority Critical patent/CN111459497A/zh
Publication of CN111459497A publication Critical patent/CN111459497A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/41—Compilation
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供一种基于webpack的资源包编译方法，包括：Webpack读取源代码，所述源代码包括功能代码和业务代码；判断所述功能代码是否为第三方组件；若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；将所述第一资源包和第二资源包分别上传至CDN服务器；若不是第三方组件，则将所述源代码打包为第三资源包；将所述第三资源包上传至CDN服务器。本发明通过webpack实现按需引入第三方组件库，达到减少第三方组件库引入体积，节省带宽的目的。

Description

基于webpack的资源包编译方法、系统、服务器和存储介质
技术领域
本发明实施例涉及移动端与前端交互领域技术，尤其涉及一种基于webpack的资源包编译方法、系统、服务器和存储介质。
背景技术
现有技术中，CDN缓存加速是常见的前端资源加载技术，用户访问前端页面时，加载对应的CDN文件，达到加速效果。
页面的第三方vendor脚本通常是完整引入，这样虽然可以使用该第三方vendor的所有特性，但第三方组件是完整的资源包，无法继续拆分，由于每个工程或页面的使用情况不同，需要按需引入，这会造成带宽的浪费和用户端多余的流量请求。
发明内容
本发明提供一种基于webpack的资源包编译方法、系统、服务器和存储介质，通过webpack实现按需引入第三方组件库，达到减少第三方组件库引入体积，节省带宽的目的。
第一方面，本发明提供一种一种基于webpack的资源包编译方法，包括：
Webpack读取源代码，所述源代码包括功能代码和业务代码；
判断所述功能代码是否为第三方组件；
若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
将所述第一资源包和第二资源包分别上传至CDN服务器；
若不是第三方组件，则将所述源代码打包为第三资源包；
将所述第三资源包上传至CDN服务器。
进一步地，所述若是第三方组件，则将所述功能代码打包为第一资源包，包括：
查询所述源代码中所述第三方组件对应的功能模块；
读取所述功能模块对应的功能代码文件；
将所述功能代码文件打包为第一资源包。
进一步地，所述功能代码文件包括：js文件、css文件和/或图片文件。
进一步地，所述将所述第一资源包和第二资源包分别上传至CDN服务器之后，还包括：
配置所述CDN服务器加载的运行环境；
将所述第一资源包解压生成所述功能代码，将第二资源包解压生成所述业务代码；
在运行环境中执行所述功能代码和所述业务代码。
进一步地，所述将所述第三资源包上传至CDN服务器之后，还包括：
配置所述CDN服务器加载的运行环境；
将所述第三资源包解压生成所述源代码；
在运行环境中执行所述源代码。
第二方面，本发明提供一种基于webpack的资源包编译系统，包括：
读取模块，用于读取源代码，所述源代码包括功能代码和业务代码；
判断模块，用于判断所述功能代码是否为第三方组件；
第一打包模块，用于若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
第一上传模块，用于将所述第一资源包和第二资源包分别上传至CDN服务器；
第二打包模块，用于若不是第三方组件，则将所述源代码打包为第三资源包；
第二上传模块，用于将所述第三资源包上传至CDN服务器。
第三方面，本发明提供一种服务器，包括存储器、处理器及存储在存储器上并可在处理器上运行的程序，所述处理器执行所述程序时实现如上述任意所述的基于webpack的资源包编译方法。
第四方面，本发明提供一种终端可读存储介质，其上存储有程序，所述程序被处理器执行时能够实现如上述任一所述的基于webpack的资源包编译方法。
本发明通过webpack实现按需引入第三方组件库，达到减少第三方组件库引入体积，节省带宽的目的。
附图说明
图1为本发明实施例一的基于webpack的资源包编译方法流程图；
图2是本发明实施例二的基于webpack的资源包编译方法流程图；
图3是本发明实施例三的基于webpack的资源包编译系统结构图；
图4是本发明实施例三替代实施例中基于webpack的资源包编译系统结构图；
图5是本发明实施例四的一种服务器的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。
在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止，但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。
此外，术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等，但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说，在不脱离本申请的范围的情况下，第一打包模块可以为第二打包模块或第三打包模块，类似地，第二打包模块、第三打包模块可以为第一打包模块。第一打包模块和第二打包模块、第三打包模块都是分布式文件系统的打包模块，但其不是同一打包模块。术语“第一”、“第二”等而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本发明的描述中，“多个”、“批量”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。
下述实施例中提及的专有名词及英文缩写含义如下：
CDN：ContentDeliveryNetwork内容分发网络，是构建在网络上的内容分发网络，使用户就近获取所需内容，降低网络拥塞，提高访问响应速度和命中率，依靠部署在各地的边缘服务器，包括中心平台的负载均衡、内容分发、调度等功能模块。
JS：JavaScript，一种具有函数优先的轻量级，解释型或即时编译型的编程语言。可用于插入HTML页面的编程代码并由浏览器执行，是一种常用于工程项目开发或网页开发的语言。js文件：以js扩展名命名如abc.js的文件，用于引入工程项目或HTML网页以实现设定的功能。
Webpack：一个用来构建应用程序中JavaScript模块的工具，具有分割代码的功能，可以把代码分离到不同的资源文件的文件夹中，实现按需加载这些文件。例如，当用户导航到匹配的路由，或用户触发了事件时，加载对应文件。如果使用了正确的使用方式，这可以使我们有更小的文件夹，同时可以控制资源加载优先级，从而对应用程序加载时间产生重要影响。
css：Cascading Style Sheets，层叠样式表，简称CSS样式表，又被我们称为CSS样式，CSS样式做为能制作出各种样式网页的技术统称。css文件：指css代码放到一个单独的文件里，并以css扩展名命名如abc.css的文件，用于引入到工程项目或HTML网页以实现设定的功能。
异步加载：一种加载方法，任务不进入主线程，建立多个任务队列，主线程从任务队列中获取和执行异步任务。异步加载过程使浏览器在执行的同时，还会进行后续页面处理，避免出现无响应情况。
element-ui：一种基于Vue 2.0的网页端UI组件库，主要用于前端交互。
实施例一
如图1所示，为本实施例提供的一种基于webpack的资源包编译方法流程图，在具体工程或网页构建时，需要经过开发人员编写源代码、编译、生成编译后的机器码、打包上传服务器的过程，本实施例适用于网页开发过程中的编译、打包上传步骤，通过webpack开发工具执行，具体步骤如下：
S101、Webpack读取源代码，所述源代码包括功能代码和业务代码。
该步骤中，源代码是指开发人员基于工程项目或网页开发需求编写的代码，用于实现目标工程项目或网页的功能，所属功能代码为实现工程或网页功能的代码，一般与用户需求无直接关联，属于工程或网页中的框架代码。示例性地，功能代码文件包括：js文件、css文件和/或图片文件。
业务代码为目标工程项目或网页中，直接实现业务逻辑或用户需求的代码，示例性地，在一个数据查询界面，用户点击页面发起查询数据指令，返回查询结果，实现该过程的逻辑代码即为业务代码。在本发明的编译过程中，业务代码和功能代码分开打包，用以使代码更简洁清晰，实现模块解耦，方便后期维护。
S102、判断所述功能代码是否为第三方组件。
该步骤中，功能代码为实现某些功能可能引入第三方组件。第三方组件也称为第三方库，作用是使原生端能够直接调用库中的方法，不需要开发人员重新编写，提高了源代码开发的效率。示例性地，第三方组件包括：通常用于网页游戏开发的tweenlite.js库、用于JS原生方法性能的lodash.js Lodash库和/或用于动画制作的Velocity.js库等。
S1031、若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包。
该步骤中，在本实施例中，打包过程基于目标工程项目或网页的需求进行按需加载，若源代码中引入了第三方组件，则将功能代码和业务代码分开打包。
具体地，在Webpack构建时，对第三方组件进行识别，示例性地，第三方组件为element-ui，当发现引用了第三方库的资源时，将第三方组件保留在独立的文件夹中，webpack单独将第三方库代码打包为第一资源包，业务代码打包为第二资源包。
S1032、将所述第一资源包和第二资源包分别上传至CDN服务器。
该步骤中，第一资源包上传保存至服务器后，服务器可将含有第三方组件的文件缓存，增加访问速度。
S1041、若不是第三方组件，则将所述源代码打包为第三资源包。
该步骤中，若源代码中未引入第三方组件，可以直接打包源代码，以执行后续的上传、解包、运行过程。
S1042、将所述第三资源包上传至CDN服务器。
本实施例通过webpack实现按需引入第三方组件库，达到减少第三方组件库引入体积，节省带宽的目的。同时通过异步加载，使页面加载在执行业务的同时，还会同时进行页面加载处理，避免出现页面无响应情况。
实施例二
如图2，本实施例在上述实施例的基础上对步骤进行了细化。本实施例适用于网页开发过程中的编译、打包上传步骤，通过webpack开发工具执行，具体步骤如下：
S201、Webpack读取源代码，所述源代码包括功能代码和业务代码。
S202、判断所述功能代码是否为第三方组件。
S2031、若是第三方组件，则查询所述源代码中所述第三方组件对应的功能模块。
该步骤中，在本实施例中，打包过程基于目标工程项目或网页的需求进行按需加载，若源代码中引入了第三方组件，则将功能代码和业务代码分开打包。
具体地，在Webpack构建时，对第三方组件进行识别，示例性地，第三方组件为element-ui，当发现引用了第三方库的资源时，将第三方组件保留在独立的中，webpack单独将第三方库代码打包为第一资源包，业务代码打包为第二资源包。
S2032、读取所述功能模块对应的功能代码文件。
S2033、将所述功能代码文件打包为第一资源包。
S2034、同时将业务代码打包为第二资源包。
S2041、将所述第一资源包和第二资源包分别上传至CDN服务器。
S2042、配置所述CDN服务器加载的运行环境；
S2043、将所述第一资源包解压生成所述功能代码，将第二资源包解压生成所述业务代码；
S2044、在运行环境中执行所述功能代码和所述业务代码。
该步骤中，由于所述第一资源包和第二资源包分开加载，在执行过程中能够按需加载，首先提供最低限度的满足用户逻辑的业务代码的运行，其他功能代码稍后再进行加载，保证功能正常的前提下尽可能提升加载速度。优选地，该步骤中，功能代码的加载过程为异步加载。
S2051、若不是第三方组件，则将所述源代码打包为第三资源包。
该步骤中，若源代码中未引入第三方组件，可以直接打包源代码，以执行后续的上传、解包、运行过程。
S2052、将所述第三资源包上传至CDN服务器。
S2053、配置所述CDN服务器加载的运行环境；
S2054、将所述第三资源包解压生成所述源代码；
S2055、在运行环境中执行所述源代码。
该步骤中，由于未引入第三方库，可直接运行源代码以实现目标工程项目或页面的加载。优选地，该步骤中，源代码的加载过程为异步加载。
本实施例通过webpack实现按需引入第三方组件库，达到减少第三方组件库引入体积，节省带宽的目的。同时通过异步加载，使页面加载在执行业务的同时，还会同时进行页面加载处理，避免出现页面无响应情况。
实施例三
如图3所示，本实施例提供了一种基于webpack的资源包编译系统3，具体包括：
读取模块301，用于读取源代码，所述源代码包括功能代码和业务代码；
判断模块302，用于判断所述功能代码是否为第三方组件；
第一打包模块303，用于若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
第一上传模块304，用于将所述第一资源包和第二资源包分别上传至CDN服务器；
第二打包模块305，用于若不是第三方组件，则将所述源代码打包为第三资源包；
第二上传模块306，用于将所述第三资源包上传至CDN服务器。
在替代实施例中，如图4所示，第一打包模块303包括：
查询单元3031，用于若是第三方组件，则查询所述源代码中所述第三方组件对应的功能模块。
读取单元3032，用于读取所述功能模块对应的功能代码文件。
第一打包单元3033，用于将所述功能代码文件打包为第一资源包。
在替代实施例中，所述基于webpack的资源包编译系统3还包括：
第一配置模块307，用于配置所述CDN服务器加载的运行环境。
第一解压模块308，用于将所述第一资源包解压生成所述功能代码，将第二资源包解压生成所述业务代码。
第一运行模块309，用于在运行环境中执行所述功能代码和所述业务代码。
第二配置模块310，用于配置所述CDN服务器加载的运行环境。
第二解压模块311，用于将所述第三资源包解压生成所述源代码。
第二运行模块312，用于在运行环境中执行所述源代码。
本实施例通过提供一种基于webpack的资源包编译系统，可执行本发明任意实施例所提供的基于webpack的资源包编译方法，具备执行方法相应的功能模块和有益效果。
实施例四
本实施例提供了一种服务器的结构示意图，如图5所示，该服务器包括处理器401、存储器402、输入装置403和输出装置404；服务器中处理器401的数量可以是一个或多个，图中以一个处理器401为例；设备/终端/服务器中的处理器401、存储器402、输入装置403和输出装置404可以通过总线或其他方式链接，图5中以通过总线链接为例。
存储器402作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的基于网关的链接生成方法对应的程序指令/模块(例如第一获取模块501，第一转换模块502等)。处理器401通过运行存储在存储器402中的软件程序、指令以及模块，从而执行设备/终端/服务器的各种功能应用以及数据处理，即实现上述的基于webpack的资源包编译方法。
存储器402可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器402可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器402可进一步包括相对于处理器401远程设置的存储器，这些远程存储器可以通过网络链接至设备/终端/服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置403可用于接收输入的数字或字符信息，以及产生与设备/终端/服务器的用户设置以及功能控制有关的键信号输入。输出装置404可包括显示屏等显示设备。
本发明实施例四通过提供一种服务器，可执行本发明任意实施例所提供的基于webpack的资源包编译方法，具备执行方法相应的功能模块和有益效果。
实施例五
本发明实施例五还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明任意实施例所提供的基于webpack的资源包编译方法，该方法可以包括：
Webpack读取源代码，所述源代码包括功能代码和业务代码；
判断所述功能代码是否为第三方组件；
若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
将所述第一资源包和第二资源包分别上传至CDN服务器；
若不是第三方组件，则将所述源代码打包为第三资源包；
将所述第三资源包上传至CDN服务器。
本发明实施例的计算机可读存储介质，可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电链接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
存储介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或终端上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—链接到用户计算机，或者，可以链接到外部计算机(例如利用因特网服务提供商来通过因特网链接)。
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (9)

1.一种基于webpack的资源包编译方法，其特征在于，包括：
Webpack读取源代码，所述源代码包括功能代码和业务代码；
判断所述功能代码是否为第三方组件；
若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
将所述第一资源包和第二资源包分别上传至CDN服务器；
若不是第三方组件，则将所述源代码打包为第三资源包；
将所述第三资源包上传至CDN服务器。
2.根据权利要求1所述的一种基于webpack的资源包编译方法，其特征在于，所述若是第三方组件，则将所述功能代码打包为第一资源包，包括：
查询所述源代码中所述第三方组件对应的功能模块；
读取所述功能模块对应的功能代码文件；
将所述功能代码文件打包为第一资源包。
3.根据权利要求2所述的一种基于webpack的资源包编译方法，其特征在于，所述功能代码文件包括：js文件、css文件和/或图片文件。
4.根据权利要求1所述的一种基于webpack的资源包编译方法，其特征在于，所述将所述第一资源包和第二资源包分别上传至CDN服务器之后，还包括：
配置所述CDN服务器加载的运行环境；
将所述第一资源包解压生成所述功能代码，将第二资源包解压生成所述业务代码；
在运行环境中执行所述功能代码和所述业务代码。
5.根据权利要求1所述的一种基于webpack的资源包编译方法，其特征在于，所述将所述第三资源包上传至CDN服务器之后，还包括：
配置所述CDN服务器加载的运行环境；
将所述第三资源包解压生成所述源代码；
在运行环境中执行所述源代码。
6.一种基于webpack的资源包编译系统，其特征在于，包括：
读取模块，用于读取源代码，所述源代码包括功能代码和业务代码；
判断模块，用于判断所述功能代码是否为第三方组件；
第一打包模块，用于若是第三方组件，则将所述功能代码打包为第一资源包，同时将业务代码打包为第二资源包；
第一上传模块，用于将所述第一资源包和第二资源包分别上传至CDN服务器；
第二打包模块，用于若不是第三方组件，则将所述源代码打包为第三资源包；
第二上传模块，用于将所述第三资源包上传至CDN服务器。
7.根据权利要求6所述的一种基于webpack的资源包编译系统，其特征在于，所述第一打包模块还包括：
查询单元，用于查询所述源代码中所述第三方组件对应的功能模块；
读取单元，用于读取所述功能模块对应的功能代码文件；
打包单元，用于将所述功能代码文件打包为第一资源包。
8.一种服务器，包括存储器、处理器及存储在存储器上并可在处理器上运行的程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-5任意所述的基于webpack的资源包编译方法。
9.一种终端可读存储介质，其上存储有程序，其特征在于，所述程序被处理器执行时能够实现如权利要求1-5任一所述的基于webpack的资源包编译方法。
CN202010279901.4A 2020-04-10 2020-04-10 基于webpack的资源包编译方法、系统、服务器和存储介质 Pending CN111459497A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010279901.4A CN111459497A (zh) 2020-04-10 2020-04-10 基于webpack的资源包编译方法、系统、服务器和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010279901.4A CN111459497A (zh) 2020-04-10 2020-04-10 基于webpack的资源包编译方法、系统、服务器和存储介质

Publications (1)

Publication Number Publication Date
CN111459497A true CN111459497A (zh) 2020-07-28

Family

ID=71684729

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010279901.4A Pending CN111459497A (zh) 2020-04-10 2020-04-10 基于webpack的资源包编译方法、系统、服务器和存储介质

Country Status (1)

Country Link
CN (1) CN111459497A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112486490A (zh) * 2020-12-15 2021-03-12 平安银行股份有限公司 前端代码打包方法、装置、电子设备及存储介质
CN113312109A (zh) * 2021-06-24 2021-08-27 广州市思力智慧互联网科技有限公司 一种项目打包方法、装置及计算机设备
CN115167799A (zh) * 2022-09-06 2022-10-11 深圳市信润富联数字科技有限公司 可视化大屏的快速展示方法、装置、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109284472A (zh) * 2018-11-15 2019-01-29 福建省华渔教育科技有限公司 基于webpack的前端网页加载方法、存储介质
CN109597610A (zh) * 2018-12-10 2019-04-09 南京华苏科技有限公司 一种基于微服务架构的应用结构组件化构建方法
CN109614162A (zh) * 2018-11-15 2019-04-12 福建天泉教育科技有限公司 基于组件开发模式下的前端加载优化方法、存储介质
CN110059277A (zh) * 2019-03-12 2019-07-26 平安普惠企业管理有限公司 首页加载优化方法、服务器及计算机可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109284472A (zh) * 2018-11-15 2019-01-29 福建省华渔教育科技有限公司 基于webpack的前端网页加载方法、存储介质
CN109614162A (zh) * 2018-11-15 2019-04-12 福建天泉教育科技有限公司 基于组件开发模式下的前端加载优化方法、存储介质
CN109597610A (zh) * 2018-12-10 2019-04-09 南京华苏科技有限公司 一种基于微服务架构的应用结构组件化构建方法
CN110059277A (zh) * 2019-03-12 2019-07-26 平安普惠企业管理有限公司 首页加载优化方法、服务器及计算机可读存储介质

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112486490A (zh) * 2020-12-15 2021-03-12 平安银行股份有限公司 前端代码打包方法、装置、电子设备及存储介质
CN112486490B (zh) * 2020-12-15 2024-03-19 平安银行股份有限公司 前端代码打包方法、装置、电子设备及存储介质
CN113312109A (zh) * 2021-06-24 2021-08-27 广州市思力智慧互联网科技有限公司 一种项目打包方法、装置及计算机设备
CN115167799A (zh) * 2022-09-06 2022-10-11 深圳市信润富联数字科技有限公司 可视化大屏的快速展示方法、装置、设备及存储介质
CN115167799B (zh) * 2022-09-06 2023-01-06 深圳市信润富联数字科技有限公司 可视化大屏的快速展示方法、装置、设备及存储介质

Similar Documents

Publication Publication Date Title
CN111158818B (zh) 一种页面渲染方法和装置
US8676848B2 (en) Configuring cloud resources
US10185558B2 (en) Language-independent program composition using containers
CN111459497A (zh) 基于webpack的资源包编译方法、系统、服务器和存储介质
US20230036980A1 (en) Micro-frontend system, sub-application loading method, electronic device, computer program product, and computer-readable storage medium
CN111338623B (zh) 一种开发用户界面的方法、装置、介质和电子设备
US11240290B2 (en) Application download method and apparatus, application sending method and apparatus, and system
CN111581555B (zh) 一种文档加载方法、装置、设备及存储介质
US11321090B2 (en) Serializing and/or deserializing programs with serializable state
CN108804100B (zh) 创建界面元素的方法、装置、存储介质及移动终端
CN111857658A (zh) 一种渲染动态组件的方法、装置、介质和电子设备
CN116382773A (zh) 一种部署PyFlink任务的方法
CN113761428A (zh) 页面渲染方法、装置、系统、存储介质及电子设备
CN109343970B (zh) 基于应用程序的操作方法、装置、电子设备及计算机介质
WO2023083071A1 (zh) 视图交互方法、装置、电子设备及计算机可读介质
CN115982491A (zh) 页面更新方法及装置、电子设备和计算机可读存储介质
CN116431155A (zh) 前端应用构建方法、介质、装置和计算设备
CN113779122B (zh) 导出数据的方法和装置
CN112988686A (zh) 插件处理方法、装置、设备和存储介质
CN114327404A (zh) 一种文件处理方法、装置、电子设备及计算机可读介质
CN116263690A (zh) 虚拟机从外部系统读取数据及相关写出数据的方法和装置
CN113377376A (zh) 数据包生成方法、数据包生成装置、电子设备及存储介质
CN112612460A (zh) 接口的封装和调用方法、电子设备、及存储介质
CN112650502A (zh) 批处理任务处理方法、装置、计算机设备和存储介质
CN111767498A (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