Front-end component online updating method and device, equipment and storage medium

Abstract

The invention relates to the field of computers, and discloses a front-end component online updating method and device, equipment and a storage medium, and the method comprises the steps: obtaining an online updating tool, a pre-configuration file and an initial frame project, building a target frame project supporting online updating according to the online updating tool, the pre-configuration file and the initial frame project, the pre-configuration file comprises an address of an online updating component and an address of an online updating file, and the online updating file is used for updating the online updating component; obtaining a corresponding online updating component in the target framework project according to the address of the online updating component, and obtaining a corresponding online updating file according to the address of the online updating file; and obtaining the component name of the online update component, positioning the update content from the online update file according to the component name, and performing online update on the online update component according to the update content. In this way, the updating efficiency can be improved, the testing range can be narrowed, and the workload of developers can be relieved.

Description

technical field [0001] The present invention relates to the field of computers, and in particular, to a method, device, device and storage medium for online updating of front-end components. Background technique [0002] At present, in the front-end field, there are mainly two popular frameworks, vue and react. These two frameworks use the idea of ​​componentization to develop page logic. Componentized development brings many benefits, such as the ability to extract and reuse small-scale functions, realize the separation of business logic and general functions, and enable better management and maintenance of project code. However, the componentized development realized by the framework can only be realized by developing under the grammatical specifications stipulated by the framework. After the development is completed, it needs to be built and compiled into the native js code through the scaffolding construction tools provided by the framework before it can truly be realize...

AI Technical Summary

Problems solved by technology

But after using the framework development, even if you change a page text, you need to repackage and build the whole code again, because in the process of building the code, it may be affected by the build environment such as the node version, and some files that do not involve changes It is also possible to change the hash value of the file name suffix, so all page resources involved must be republished

This not only increases the risk scope of the release and the content covered by the test, but also causes the cache invalidation of the page opened by the user before the release (the browser will automatically cache the requested images, css, js and other resources on the page, but if the page file is modified, The cache will be invalidated, and the user needs to re-fetch all resources, the loading speed of the page will be slower, and the traffic consumption will also increase)

At present, the industry does not have a good solution to the problem of using the framework and releasing it on a small scale

Images