Low-cost front-end project upgrading method

Abstract

The invention provides a low-cost front-end project upgrading method. The low-cost front-end project upgrading method comprises the following steps of 1, setting and opening an entrance in a project front-end framework; 2, adding a portal page in the project, wherein the portal page is used as a new page loading entrance; 3, the content in the HTML file is processed and separated, scripts and styles are extracted, the extracted scripts and styles are added to a portal page, a new page is formed, and upgrading is completed. According to the method, an entrance is opened in a front-end frame, the HTML page is embedded, the technology is not limited by page development, and the upgrading efficiency is improved. Different developers can conveniently carry out upgrading processing by adopting technologies in familiar fields of the developers, limitation of the technology level during page development is relieved, development upgrading work is better carried out, updating personnel who do not know projects can participate in project development, the application range of the personnel is wider, deployment and online can be rapidly carried out, and the development efficiency is improved. The deployment cost and the labor cost are greatly saved, the research and development speed is increased, and the front-end development rate is improved.

Description

technical field [0001] The invention relates to the technical field of computer networks, in particular to a low-cost front-end project upgrading method. Background technique [0002] With the rise of the three mainstream front-end frameworks of Angular, React, and Vue, front-end development has become more and more convenient. For middle and senior developers, the development cost is getting lower and lower. When the project is upgraded, the front-end needs to compile the code And package, and then replace the online package, no matter how much the modified content is, even if only one word is modified, it will take a long time to package and replace the entire package. If the deployment speed is slow, it will affect users during deployment Using the system, the cost of project upgrade is very high, and it needs to be upgraded during non-user use time. In addition, developers need to spend a lot of time to familiarize themselves with the project and perform version iteratio...

AI Technical Summary

Problems solved by technology

[0002] With the rise of the three mainstream front-end frameworks of Angular, React, and Vue, front-end development has become more and more convenient. For middle and senior developers, the development cost is getting lower and lower. When the project is upgraded, the front-end needs to compile the code And package, and then replace the online package, no matter how much the modified content is, even if only one word is modified, it will take a long time to package and replace the entire package. If the deployment speed is slow, it will affect users during deployment Using the system, the cost of project upgrade is very high, and it needs to be upgraded during non-user use time. In addition, developers need to spend a lot of time to familiarize themselves with the project and perform version iterations on the basis of the original project structure. For example, it is necessary to add a voting page. Need to change a copy, etc. Even such a simple requirement requires very professional personnel to modify it, and wait until the right time to update it to the online environment. In order to solve this problem, some projects will choose to split into multiple portals or expand For multi-portals, use micro-frontends or iframes to load, but the cost of such transformation is too high, and it is not suitable for old and complex projects that do not want to invest in costs

Images