Method and device for reediting front-end script program

Abstract

The invention provides a method and device for re-editing a front-end script program. The method comprises the following steps: extracting a text in a to-be-re-edited front-end script program, and converting the extracted text into a syntax tree structure object through a script syntax parser; traversing each node in the syntax tree structure object, and for each third-party dependent module traversed by the node, obtaining a format of a module path of the third-party dependent module; determining that the format of the module path of the third-party dependent module does not accord with the loading format of the browser, and updating the format of the module path of the third-party dependent module to accord with the loading format of the browser to obtain an updated loading format; updating the module path of the third-party dependent module according to the updating loading format to obtain a module updating path, and storing a dependent file under the module path of the third-partydependent module to the module updating path; and generating a reedited front-end script updating program according to the updated syntax tree structure object. The resource overhead of the browser can be reduced.

Description

technical field [0001] The invention relates to the technical field of browser front-end development, in particular to a method and device for re-editing a front-end script program. Background technique [0002] As the information contained in the web page becomes more and more abundant, the front-end script (JavaScript) program used to construct the web page becomes more and more complicated. At present, in order to improve the development efficiency of front-end JavaScript programs, modular development methods are generally adopted to reduce the complexity of editing, for example, editing front-end JavaScript programs based on Node.js and module standards. However, some modules in the edited front-end JavaScript program depend on third-party modules, and the format of the module path of the third-party module may not be compatible with the format supported by the browser. Therefore, in order to enable the edited front-end JavaScript program to be published to the browser ...

AI Technical Summary

Problems solved by technology

In this way, the browser needs to introduce an additional loader, resulting in additional resource overhead for the browser, and the loader needs to call the third-party module from the server corresponding to the third-party module, and execute the files under the corresponding module path of the dependent third-party module Parsing will lead to a longer webpage loading response time, especially when there are many third-party modules that depend on (referred to as third-party dependent modules), it will take more browser resources and a longer time to parse, resulting in long webpages displayed Unresponsive for a long time, affecting user experience

Images